Go back

How to get Javascript Developer Kit on GCP (Google Cloud Platform)

This section describes how to launch and connect to Javascript Developer Kit in a Google Compute environment.

  1. Open Javascript Developer Kit listing on GCP Marketplace
  2. Click Launch.

/img/gcp/javascript-developer-kit/marketplace.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

  • Select a zone where you want to launch the VM(such as us-east1-)

  • Optionally change the number of cores and amount of memory. ( This defaults to 1 vCPUs and 3.75 GB ram)

  • Optionally change the boot disk type and size. (This defaults to ‘Standard Persistent Disk’ and 30 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.

  • Javascript Developer Kit will begin deploying.

/img/gcp/javascript-developer-kit/deployment-page.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/javascript-developer-kit/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/r-studio-support/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/r-studio-support/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/r-studio-support/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/r-studio-support/rdp-login.png

  1. Now you are connected to out of box Javascript Developer Kit environment via Windows machines.

/img/gcp/javascript-developer-kit/rdp-desktop-02.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 14. 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 15. 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 16. Now you are connected to out of box Javascript Developer Kit environment via Linux machine.

/img/gcp/javascript-developer-kit/rdp-desktop-02.png

  1. For accessing VSCode in browser, SSH to the VM as shown in Step 4 and run below command-
cat /home/ubuntu/vscode_pass.txt

Note down auto-generated password.

Note: If the password is empty in the file, wait for 2 minutes and check again.

/img/gcp/vscode/vscode-web-interface-passwd-file.png

  1. Now go to https://VM_Public_IP. Make sure you type https and not http.

  2. You will see certificate warning, accept the warning to proceed for login /img/gcp/vscode/certificate-warning.png

  3. Use above auto-generated password from Step 17

Note: If you happen to see a blank screen in the browser after login or page load error, wait for 1-2 minutes and open again in new browser window to see VSCode load. /img/gcp/vscode/vscode-web-login.png

/img/gcp/javascript-developer-kit/vscode-in-browser-02.png

Go back