Go back

Setup and installation of 'LangFlow & LangChain' on GCP

This section describes how to provision and connect to AI App Development using LangChain & LangFlow VM solution on GCP.

  1. Open AI App Development using LangChain & LangFlow listing on GCP Marketplace
  2. Click Get Started.

/img/gcp/langchain-langflow-vm/marketplace.png

It will ask you to enable the API’s if they are not enabled already for your account. Please click on enable as shown in the screenshot.

/img/gcp/nvidia-ubuntu/enable-api.png

  • It will take you to the agreement page. On this page, you can change the project from the project selector on top navigator bar as shown in the below screenshot.

  • Accept the Terms and agreements by ticking the checkbox and clicking on the AGREE button. /img/common/gcp_agreement_page.png

  • It will show you the successfully agreed popup page. Click on Deploy. /img/common/gcp_agreement_accept_page.png

  • On deployment page, give a name to your deployment.

  • Tick the existing account radio button and select your existing service account from the "Select a service account" dropdown as shown below.
  • If you don't see the service account in "Select a service account" drop down, then please follow the below steps to add one. if you can see a service account in the dropdown, skip ahead to the next step to select the region for your deployment.
  • below steps are one time only and you need appropriate IAM permissions to execute these steps. If you encounter IAM permission errors, reach out to your organization's IAM admin to execute these steps :
    1. Note Project id : First note down the project-id of the project where you are deploying our solution . Project id can be found by clicking on the project dropdown and copying id from the poped up window.

    2. Activate cloud shell by clicking the shell icon at the top right corner.
    3. In the cloud shell, run below command to switch to the project where you are deploying this solution , replace PROJECT_ID with the actual project id copied in step a.
    4. gcloud config set project "PROJECT_ID"

    5. Then run below command to create new service account, replace highlighted bold text with suitable values.
    6. gcloud iam service-accounts create "your-service-account-name" --description="service account for your-google-cloud-login-emailid " --display-name="your-service-account-name"

    7. Then run below command to associate the newly created service account with your google cloud login id, replace highlighted bold text with values provided in above steps
    8. gcloud iam service-accounts add-iam-policy-binding your-service-account-name@projectid-copied-in-step-a.iam.gserviceaccount.com --member="user:your-google-cloud-login-emailid" --role="roles/iam.serviceAccountUser"

    9. Then run below 3 commands one after the other , replace highlighted bold text with your service account name provided in previous steps.
    10. gcloud projects add-iam-policy-binding tcw-project-381520 --member=serviceAccount:your-service-account-name@projectid-copied-in-step-a.iam.gserviceaccount.com --role=roles/config.agent

      gcloud projects add-iam-policy-binding tcw-project-381520 --member=serviceAccount:your-service-account-name@projectid-copied-in-step-a.am.gserviceaccount.com --role=roles/compute.admin

      gcloud projects add-iam-policy-binding tcw-project-381520 --member=serviceAccount:your-service-account-name@projectid-copied-in-step-a.iam.gserviceaccount.com --role=roles/iam.serviceAccountUser

    11. Once the above steps are done, wait for 60 seconds then refresh the deployment page and you should see the newly created service account in "Select a service account". Continue with the next steps below.
  • Select a zone where you want to launch the VM(such as us-east1-a)
  • Optionally change the number of cores and amount of memory. ( This defaults to 2 vCPUs and 7.5 GB ram)
  • Optionally change the boot disk type and size. (This defaults to ‘Standard Persistent Disk’ and 15 GB respectively)
  • Optionally change the network name and subnetwork names. Be sure that whichever network you specify has ports 22 (for ssh), 3389 (for RDP) , 80 (for HTTP) and 443 (for HTTPS) exposed.
  • Click Deploy when you are done.
  • AI App Development using LangChain & LangFlow will begin deploying.

/img/gcp/langchain-langflow-vm/deployed-01.png

/img/gcp/langchain-langflow-vm/deployed-02.png

  1. A summary page displays when the compute engine is successfully deployed. Click on the Instance link to go to the instance page .

  2. On the instance page, click on the “SSH” button, select “Open in browser window”.

/img/gcp/jupyter-python-notebook/ssh-option.png

  1. This will open SSH window in a browser.
  2. Run below command to set the password for “ubuntu” user
sudo passwd ubuntu

/img/gcp/jupyter-python-notebook/ssh-passwd.png

  1. Now the password for ubuntu user is set, you can connect to the VM’s desktop environment from any local windows machine using RDP or linux machine using Remmina.

  2. To connect using RDP via Windows machine, first note the external IP of the VM from VM details page as highlighted below

/img/gcp/jupyter-python-notebook/external-ip.png

  1. Then From your local windows machine, goto “start” menu, in the search box type and select “Remote desktop connection”

  2. In the “Remote Desktop connection” wizard, paste the external ip and click connect

/img/gcp/jupyter-python-notebook/rdp.png

  1. This will connect you to the VM’s desktop environment. Provide “ubuntu” as the userid and the password set in step 6 to authenticate. Click OK

/img/gcp/jupyter-python-notebook/rdp-login.png

  1. Now you are connected to out of box AI App Development using LangChain & LangFlow environment via Windows machines.

/img/aws/nvidia-ubuntu/rdp-desktop.png

  1. To connect using RDP via Linux machine, first note the external IP of the VM from VM details page,then from your local Linux machine, goto menu, in the search box type and select “Remmina”.

    Note: If you don’t have Remmina installed on your Linux machine, firstInstall Remmina as per your linux distribution.

/img/gcp/common/remmina-search.png

  1. In the “Remmina Remote Desktop Client” wizard, select the RDP option from dropdown and paste the external ip and click enter.

/img/gcp/common/remmina-external-ip.png

  1. This will connect you to the VM’s desktop environment. Provide “ubuntu” as the userid and the password set in step 6 to authenticate. Click OK

/img/gcp/common/remmina-rdp-login.png

  1. Now you are connected to out of box AI App Development using LangChain & LangFlow environment via Linux machine.

/img/aws/nvidia-ubuntu/rdp-desktop.png

  1. To access the Langflow User interface, open the terminal and run below command to create LangFlow superuser and provide the username and password for super user. This will be used for logging in to langflow.
sudo langflow superuser

/img/aws/langchain-langflow-vm/create-superuser.png

  1. Once Superuser is created, open https://vm-public-ip in your local browser, accept the SSL warning by clicking advanced and login using the superuser credentials used in above step.

/img/aws/langchain-langflow-vm/ssl-warning.png

/img/aws/langchain-langflow-vm/superuser-login.png

  1. Now you are logged in to LangFlow user interface using superuser.

/img/aws/langchain-langflow-vm/langflow-home-page.png

  1. On the home page, click on key icon at the top right to generate the new API keys.

/img/aws/langchain-langflow-vm/click-key.png

  1. On this page, click on “Create new secret key”.

/img/aws/langchain-langflow-vm/create-secret-key.png

  1. A pop up will appear, provide a name to your secret key and hit “Create secret key”

/img/aws/langchain-langflow-vm/provide-secret-key-name.png

  1. It will generate a secret key for you. Make sure to copy and save it somewhere.

/img/aws/langchain-langflow-vm/provide-secret-key-name.png

/img/aws/langchain-langflow-vm/key-created.png

  1. You can also create new user and make them active/superuser from this UI. To do so click on the circle icon at the top right of this page and select Admin page.

/img/aws/langchain-langflow-vm/select-admin-page.png

  1. On Admin Page, click on New User. A pop up will appear, enter the details of the new user. You can also make it active or superuser from this page.

/img/aws/langchain-langflow-vm/admin-page.png

/img/aws/langchain-langflow-vm/add-new-user.png

  1. New user can also signup on their own by clicking on “Signup link” on login page. Provide the details on this page and it will create new user but admin/superuser has to activate the newly created user.

/img/aws/langchain-langflow-vm/select-signup.png

/img/aws/langchain-langflow-vm/signup-page.png

  1. To activate the new user, Login with superuser, go to Admin page and check the activate checkbox or superuser checkbox if you want to make this user as superuser. Click confirm on the Confirmation popup. Now your new user is active. You can login and use LangFlow UI with this user.

/img/aws/langchain-langflow-vm/activate-new-user.png

/img/aws/langchain-langflow-vm/confirm.png

/img/aws/langchain-langflow-vm/new-user-login.png

Go back