Name: Fab Builder
Address: Sec 23A, Gurgaon, 122001, IN
Telephone: 9812885882

send grid.png

Learn how to integrate and use SendGrid for seamless email communication. Follow our step-by-step guide to set up and optimize your email services.

Using SendGrid for Email Communication | Fab Builder Guide

Using SendGrid for E-Mail communication

<h2>Using SendGrid for E-Mail communication</h2>Generate API Key, Goto Settings &gt; API keys<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/sg_keys.png">Restricted&nbsp;Key can be generated with "Full Access" to "Mail Send"\<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/sg_permissionskeys.png"> **Copy the generated key **Now create Dynamic Templates for the 3 basic email typesinvitationE-Mail VerificationForgot Password<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/sg_dynamic%20templates.png">**For Local, Update the Template ID's in .env file ****For Server, Add Environment Variables as **SENDGRID_EMAIL_FROM = "no-reply@baryonventures.com"SENDGRID_KEY = "SG.bc7c5WYzQ6OxLuC0mtk8sA.XXXXXXXXXXXXXXXXXXXXXXyhIkjxVMO9uMJsWOkNgE0"SENDGRID_TEMPLATE_EMAIL_ADDRESS_VERIFICATION = "d-e3e06979b26d44XXXXXXXXXXXea42a"SENDGRID_TEMPLATE_INVITATION = "d-485b1XXXXXXXXXXXXX6ed2c69e6ab1"SENDGRID_TEMPLATE_PASSWORD_RESET = "d-57f6eXXXXXXXXXXXXXXX7cf11c25b"

blog-image-6.png

Frame 1000007330.png

Github.png

Learn how to set up GitHub access using SSH. This comprehensive guide walks you through the configuration process for secure and efficient code management.

Setup GitHub Access Using SSH | Fab Builder Guide

Setup GitHub access using SSH

<h2>Setup GitHub access using SSH</h2>1. Create an account on GitHub with company provided email2. Open git bash or terminalThe best option to use git bash is to use the terminal provided in VS codeExecute the following command with your email (form which you have signed up)ssh-keygen -t ed25519 -C "your_email@coderower.com" Use the predefined settings, and continue until it gets completed<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/step1.png">3. Now copy the public key generatedcat /c/Users/garim/.ssh/id_ed25519.pub4. Go to GitHub &gt; Settings &gt; SSH and GPG KeysAdd a New SSH key<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/github_ssh_settings.png">Put "CodeRower Account" in the titlePaste the public key copied above in the key section<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/dithub_add_ssh_key.png">-- And it's done.Go to the project repository and clone the repo using ssh link, you can find it here<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/gh_sshclone.PNG">

blog-image-5.png

Github 2.png

CMS.png

Learn how to set up Google Cloud Platform (GCP) Cloud Storage in Fab Builder. Follow our detailed guide for seamless cloud storage integration and management.

Setup GCP Cloud Storage | Fab Builder Configuration Guide

Setup GCP Cloud Storage

<h2>Setup GCP Cloud Storage</h2>To use Google Cloud Storage, change the FILE_STORAGE_PROVIDER variable fo the backend/.env file to use gcp.FILE_STORAGE_PROVIDER = "gcp"Go to&nbsp;<a href="https://cloud.google.com/" rel="noopener noreferrer" target="_blank">https://cloud.google.com/</a>&nbsp;and create an account.Create a new project for the development environment.Go to Storage &gt; Browser and create a new Bucket.Save the bucket name on the FILE_STORAGE_BUCKET variable. The value must be your bucket-name.<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/Screenshot%202023-05-06%20at%2011.08.08%20PM.png">In the example of this image, it will be&nbsp;fab-builder.appspot.com.FILE_STORAGE_BUCKET = "fab-builder.appspot.com"<h4>The service key</h4>Now our app needs a service key to be able to access the bucket.Create a service account key that has permission to manage Google Cloud Storage buckets. Follow this:&nbsp;<a href="https://cloud.google.com/iam/docs/creating-managing-service-account-keys#creating_service_account_keys" rel="noopener noreferrer" target="_blank">https://cloud.google.com/iam/docs/creating-managing-service-account-keys#creating_service_account_keys</a>.After you download the JSON file, you will see that it looks like this:{"type": "service_account","project_id": "...","private_key_id": "...","private_key": "...","client_email": "...","client_id": "...","auth_uri": "...","token_uri": "...","auth_provider_x509_cert_url": "...","client_x509_cert_url": "..."} Now we must place this entire file into a single environment variable.If you use VSCode, you can use the join lines command.Now place this line on theGOOGLE_CLOUD_PLATFORM_CREDENTIALS variable.GOOGLE_CLOUD_PLATFORM_CREDENTIALS = { "type": "service_account", "project_id": "...", "private_key_id": "...", "private_key": "...", "client_email": "...", "client_id": "...", "auth_uri": "...", "token_uri": "...", "auth_provider_x509_cert_url": "...", "client_x509_cert_url": "..." } <h4>CORS</h4>Install the&nbsp;<a href="https://cloud.google.com/sdk" rel="noopener noreferrer" target="_blank">https://cloud.google.com/sdk</a>.Sign in to your account by calling gcloud auth login .Create a gcp-cors.json file on the same folder that you are at the command line[{"maxAgeSeconds": 3600,"method": ["GET", "HEAD", "POST", "PUT"],"origin": ["*"],"responseHeader": ["Content-Type", "Access-Control-Allow-Origin"]}]Run this script. Make sure you replace the your-bucket-name by the bucket you created!gsutil cors set gcp-cors.json gs://your-bucket-nameDone! You are now ready to use the Google Cloud File storage on your project.

blog-image-4.png

GCP2 1.png

GCP1.png

Learn how to set up GCP Cloud Run deployment using GitHub Actions. This guide provides a step-by-step approach for seamless cloud deployment automation.

Setting Up GCP Cloud Run Deployment with GitHub Actions

Setting-up GCP Cloud Run deployment using action

<h2>Setting-up GCP Cloud Run deployment using action</h2>Step 1: Create GCP project and enable services for Cloud Run<ol><li>Cloud Build API</li></ol><img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/gcp-cr-servuce.png">2. Cloud Run API<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/gcp-rr-servuce.png">Step 2: create service account on the GCP project<ul><li>Create Account from&nbsp;IAM &amp; Admin&nbsp;&gt;&nbsp;Service Account</li></ul><img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/service%20account%20email.png"><ul><li>Grant Permissions</li></ul><img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/service%20account%20permissions.png"><ul><li>Generate KEY</li></ul><img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/generate%20key.png"><ul><li>Download Key as json file</li></ul><img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/downlad%20key.png">Step 3: Update workflow of GitHub action<ul><li>Add Action Secret in the repo</li></ul><img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/gh%20secrests.png"><ol><li>GCP_PROJECT</li></ol><img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/action%20secret%20project%20name.png">2. GCP_APPLICATION - Name of the service you want<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/action%20secret%20application%20name.png">3. GCP_EMAIL<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/action%20secret%20email.png">4. GCP_CREDENTIALSa. Open the Service Account JSON key in VS codeb. select - all (ctrl +a / cmd + a)c. Execute Global Command (ctrl + shift + p / cmd + shift + p) -&gt; "Join Lines"<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/vs%20join%20lines.png">Add to GitHub action secret as<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/gh%20secrests%20credentials.png"><ul><li>Create custom workflow in GitHub action</li></ul><img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/gh-custome%20workflow.png"><ul><li>Set the Scripts according branch you want to configure deployment for</li></ul><img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/gh-workflow%20script.png"> name: cloudrun-deployon:	push:		branches:			- mainjobs:	setup-build-publish-deploy:		name: Setup, Build, Publish, and Deploy		runs-on: ubuntu-latest		steps:			- name: Checkout			uses: actions/checkout@master 		# Setup gcloud CLI- uses: google-github-actions/setup-gcloud@v0.6.0with:service_account_email: ${{ secrets.GCP_EMAIL }}service_account_key: ${{ secrets.GCP_CREDENTIALS }}export_default_credentials: true # Configure Docker with Credentials- name: Configure Dockerrun: |gcloud auth configure-docker # Build the Docker image- name: Build &amp; Publishrun: |gcloud config set project ${{ secrets.GCP_PROJECT }}gcloud builds submit --tag gcr.io/${{ secrets.GCP_PROJECT }}/${{ secrets.GCP_APPLICATION }}gcloud config set run/region us-central1 # Deploy the Docker image to the GKE cluster- name: Deployrun: |gcloud run deploy ${{ secrets.GCP_APPLICATION }} --image gcr.io/${{ secrets.GCP_PROJECT }}/${{ secrets.GCP_APPLICATION }} \--platform managed \--allow-unauthenticated \--memory=1Gi \--region asia-south2 Commit the file<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/commit%20gh.png">Push changes and wait for few sconds.You can navigate to actions and observe action is in progress. take a look at the execution to make sure it won't break.on successful completion you can see your service is running on GCP cloud run.<img src="https://assets.tina.io/46ec08cf-0f02-4b2b-9ab7-081512548481/gr%20service.png">You can now use the URL to call the service

blog-image-3.png

GCP1 1.png

stripe.png

Learn how to integrate Stripe payments for subscription plans. Follow our guide to set up and manage recurring payments seamlessly.

Integrate Stripe Payments for Subscription Plans | Guide

Integrate Stripe Payments for Subscription Plans

blog-image-2.png

GCP1 1 (1).png

flutter.png

Learn how to initialize platforms in your Flutter application. This guide provides step-by-step instructions for setting up and configuring platform support.

Initialize Platforms in Flutter Application | Fab Builder

Initialise Platforms in Flutter Application

GCP1 1 (2).png

Explore the Fab Builder Knowledge Base for expert guides, solutions, tutorials & FAQs. Get the support you need to master our tools and optimize your projects.

Knowledge Base

Explore Our Latest Articles