cloud-test: Introducing Google Cloud Shell’s new code editor

Google Cloud Platform Blog

Introducing Google Cloud Shell’s new code editor

Tuesday, October 18, 2016

Posted by Sachin Kotwani, Product Manager

Google Cloud PlatformEclipse OrionGoogle Cloud Shell

Click on the Cloud Shell icon on the top right section of the toolbar

Open the code editor from the Cloud Shell toolbar. You’ll also notice that we’ve introduced the ability to upload and download files from your Cloud Shell home directory.

Start editing your code and configuration files.

Cloud Shell code editor in actionGoogle Cloud Source RepositoryGoogle App EngineStackdriver Debugger

Create a sample app

On the Cloud Console website, select an existing project or create a new one from the toolbar.

Open Cloud Shell and the code editor as described above and create a new folder (File->New->Folder). Name it ‘helloworldapp’.

Inside the helloworldapp folder, create a new file and name it ‘app.yaml’. Paste the following:

runtime: python27
api_version: 1
threadsafe: yes

handlers:
- url: .*
  script: main.app

libraries:
- name: webapp2
  version: "2.5.2"

Create another file in the same directory, name it ‘main.py’, and paste the following:

#!/usr/bin/env python

import webapp2

class MainHandler(webapp2.RequestHandler):
    def get(self):
        self.response.write('Hello world!')

app = webapp2.WSGIApplication([
    ('/', MainHandler)
], debug=True)

Save your source code in Cloud Source Repositories

Switch to the tab with the open shell pane and go to your app’s directory:

cd helloworldapp

Initialize git and your repo. The first two steps aren't necessary if you've done them before:

git config --global user.email "you@example.com"

git config --global user.name "Your Name"

git init

git add . -A

git commit -m "Initial commit"

Authorize Git to access GCP:

git config credential.helper gcloud.sh

Add the repository as a remote named ‘google’ to your local Git repository, first replacing [PROJECT_ID] with the name of your Cloud project:

git remote add google https://source.developers.google.com/p/[PROJECT_ID]/r/default

git push google master