SUPPORT


How to get VSCode Cloud IDE on AWS



This section describes how to launch and connect to VSCode Cloud IDE in Amazon Web Services (AWS) with auto-generated(random) password.If you want to launch VSCode cloud IDE with User Provided Password go to -Launch VSCode Cloud IDE with User Provided Password

Note: Password once created Can Not be changed in either way of launching VM.

  1. Open VSCode Cloud IDE VM listing on AWS marketplace

  2. /img/aws/vscode/marketplace.png

  3. Click on Continue to subscribe.
    • Login with your credentials and follow the instruction.click on Continue to configuration
    • Select a Region where you want to launch the VM(such as US East (N.Virginia))

    • /img/aws/vscode/region.png

    • Choose Action:you can launch it through EC2 or from Website.(Let's choose Launch from website)

    • /img/aws/vscode/launch.png

    • Optionally change the EC2 instance type. (This defaults to t2.small instance type, 1 vCPUs and 2 GB RAM.)

    • Optionally change the network name and subnetwork names.

      /img/aws/vscode/vpc.png

    • Select the Security Group.Be sure that whichever Security Group you specify have ports 22 (for ssh) , 3389 (for RDP) and 443 (for HTTPS) exposed.
    • Be sure to download the key-pair which is available by default, or you can create the new key-pair and download it.
    • /img/aws/vscode/SG.png

    • Click on Launch..
      VSCode Cloud IDE will begin deploying.
  1. A summary page displays.To see this instance on EC2 Console click on EC2 Console link.

  2. /img/aws/vscode/deployed.png

  3. On the EC2 Console page, instance is up and running. To connect to this instance through putty, copy the IPv4 Public IP Address

  4. /img/aws/vscode/public-ip.png

  5. Open putty, paste the IP address and browse your private key you downloaded while deploying the VM, by going to SSH->Auth , click on Open. Enter ubuntu as userid

  6. /img/aws/vscode/putty-01.png

    /img/aws/desktop-linux/putty-02.png

  7. Once connected, change the password for ubuntu user using sudo passwd ubuntu command

  8. /img/aws/desktop-linux/ssh.png
  9. Now the password for ubuntu user is set, you can connect to the VM's desktop environment from any local windows machine using RDP protocol.

    From your local windows machine, goto "start" menu , in the search box type and select "Remote desktop connection". In the "Remote Desktop connection" wizard, copy the public IP address and click connect

  10. /img/aws/vscode/rdp.png

  11. This will connect you to the VM's desktop environment. Provide the username (e.g "ubuntu") and the password set in the above "Reset password" step to authenticate. Click OK

  12. /img/aws/vscode/rdp-login.png

  13. Now you are connected to the out of box VSCode Cloud IDE environment.

  14. /img/aws/vscode/rdp-desktop.png

  1. For connecting via Web Interface, 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.

  2. /img/aws/vscode/vscode-web-interface-passwd-file.png

  3. Once the vm is up and running, you can access Visual Studio Code by going to https://VM_Public_IP
    Make sure you type https and not http.
  4. You will see certificate warning, accept the warning to proceed for login
  5. /img/aws/vscode/certificate-warning.png

  6. Use above auto-generated password from Step 13
    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.
  7. /img/aws/vscode/vscode-web-login.png

    /img/aws/vscode/vscode-in-browser.png

Launch VSCode Cloud IDE with User Provided Password



  1. Open VSCode Cloud IDE VM listing on AWS marketplace

  2. /img/aws/vscode/marketplace.png

  3. Click on Continue to subscribe.
    • Login with your credentials and follow the instruction.click on Continue to configuration
    • Select a Region where you want to launch the VM(such as US East (N.Virginia))

    • /img/aws/vscode/region.png

    • Choose Action:you can launch it through EC2 or from Website.Select Launch through EC2

    • /img/aws/vscode/launch-through-ec2.png

    • Select instance type as t2.small

    • /img/aws/vscode/select-instance.png

    • On Step 3: Configure Instance Details page go down to Advanced Details-->User data and enter vscode-password=yourpasswordhere

    • /img/aws/vscode/vscode-password.png

    • Go with the default setting for Storage

    • /img/aws/vscode/step-4-storage.png

    • Select or Create Security Group.Whatever Security Group you select should have port 22 (for SSH) , port 3389 (for RDP) and port 443 (for HTTPS) exposed.

    • /img/aws/vscode/step-6-SG.png

    • Click on Review and Launch and on next page Launch.
      It will ask you for Key-Pair.Provide your Key-Pair here. If you don't have Key-Pair, select Create new key-pair from drop-down and download this key.
      Once key-pair is downloaded , Click on Launch Instance .
    • /img/aws/vscode/vscode-keypair.png

  1. Once the vm is up and running, you can access Visual Studio Code by going 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
  3. /img/gcp/vscode/certificate-warning.png

  4. Use above password you provided in User data during VM configuration in Step 2
    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.
  5. /img/gcp/vscode/vscode-web-login.png

    /img/gcp/vscode/vscode-in-browser.png

  1. We recommend to reserve the VSCode public ip address and make it static in order to access VSCode in browser over the same IP after VM restart.
    Having static IP will also allow the browser to save VSCode password across sessions and user will not have to enter password each time VSCode is opened in browser.
  2. Below are the steps for reserving public IP and making it static:

    • Note down the Availability Zone of vscode cloud ide instance.


    • /img/aws/vscode/availability-zone-for-elastic-ip.png

    • In the left pane of EC2 go to Network & Security and select Elastic IPs option.


    • /img/aws/vscode/elastic-ip-option.png

    • On Elastic IPs page click on Allocate Elastic IP Address


    • /img/aws/vscode/allocate-elastic-ip-address.png

    • Select the Network Border Group as per the availability zone of the instance. Select Amazon's pool of IPv4 addresses radio button and click on allocate.


    • /img/aws/vscode/Elastic-ip-address-setting.png

    • Once the Elastic IP is allocated , select the Elastic IP and under Actions dropdown select Associate Elastic IP address.


    • /img/aws/vscode/associate-elastic-ip.png

    • On this page select the instance radio button ,enter Instance id , Private IP Adress of the VM and click Associate.


    • /img/aws/vscode/associate-elastic-ip-setting.png

    • Now go to the instance details page and navigate to Networking tab. Here you can see Elastic IP is associated to the instance.


    • /img/aws/vscode/vscode-instance-detail-page-elastic-ip.png