karkranikhil / google-cloud-hosting-demo

In this i will demonstrate the hosting of the static application to the gcloud

Google-cloud-hosting-demo

Step 1 - Creating a Google Cloud Platform project

To use Google's cloud for your own site or app, you need to create a new project on Google Cloud Platform. This requires having a Google account.

• Go to the App Engine dashboardon the Google Cloud Platform Console and press the Create button.
• If you already have a project use it or otherwise create the project.
• If you are creating new, Enter a name for the project, edit your project ID. For this tutorial, the following values are used:
• Project Name: nikhilkarkra
• Project ID: nikhilkarkra-217807
• Click the Create button to create your project

step 2 - Application structure

• The website folder(You can give any name to the folder) contains your website content
• app.yaml is your application configuration file.
• Landing page must be called index.html inside website
• The app.yaml file is a configuration file that tells App Engine how to map URLs to your static files.

step 3 - Install & Deploy with Google Cloud SDK

• Use the below link to download gcloud sdk based on your OS. (I am using mac)

https://cloud.google.com/sdk/docs/downloads-interactive

• Mac user just write below command in terminal

curl https://sdk.cloud.google.com | bash

• After successfull completion, run the below command to check the installed verion

gcloud -v

• Go inside the folder - in our case its

cd Google-cloud-hosting-demo

• Initialize the project by running the b below command

gcloud init

• Run the below command to deploy

gcloud app deploy

• As soon as deployment is done, you can run your app in the browser using following command.
• My deployment has done for the below URL

https://nikhilkarkra-217807.appspot.com/

References

MDN web docs

Medium