Hosting on Google Cloud
Go to the google cloud platform, and go to the Cloud Storage page.
And, next, click on CREATE BUCKET button and you will be redirected to the creating bucket page.
Afterwards, when you’re already redirected to the creating bucket page, you need to go through the next steps:
Name your bucket
Choose where to store your data
Choose a default storage class for your data
Choose how to control access to objects
Advanced settings (optional)
So, at the first step, please, pick a globally unique name for your bucket and go Continue.
Next, choose the region where you want to store your data.
The next step is Сhoose a default storage class for your data or skip this step by pressing the Continue button.
The next step is Сhoose how to control access to objects or skip this step by pressing the Continue button.
The next step is Advanced settings which you can skip by pressing the Continue button.
Next, you will be redirected to your bucket. Please upload your project’s build folder.
Wait until it is uploaded to your bucket.
Next, go to your IDE, create in your application directory ./frontend/ create an app.yaml file and inside that paste next code:
``` runtime: nodejs10 handlers:
Serve all static files with urls ending with a file extension
- url: /(...+)$ static_files: build/\1 upload: build/(...+)$ # catch all handler to index.html
- url: /.* static_files: build/index.html uploud: build/index.html ```
Afterwards, you need to go back to the google cloud and upload this app.yaml file to your bucket as well.
Go to the Activate Cloud Shell.
Afterwards, the cloud shell console will be opened, with the message what you need to do next is to set your Cloud Platform project using the next command: gcloud config set project [PROJECT_ID]
The project ID you can find by clicking on in upper menu on the name of your project, which will open the pop-up window with the table of your all projects, and next you need to copy everything that is in the ID column.
Next, you will set to your project, next type:
mkdir react-app
gsutil rsync -r gc://samplereactapp ./react-app
Where are samplereactapp - your bucket name, and react-app - your directory name
cd react-app
gcloud app deploy
Next, the console asked you about your numeric choices, you can run 1.
Please, wait a little bit.
Next, type Y to continue.
Copy the link of your hosted application and paste it to your browser line or type the next command to the cloud shell console which will browse your application.
gcloud app browse
Congratulation! Your application is hosted on the Google Cloud Platform.
If you face any difficulties, please message us on our Discord, Forum, Twitter, or Facebook. We will respond to your inquiry as quickly as possible!