Repository files navigation

Sometimes finding a working example for what is supposed to be a simple task is a challenge. Thisrepo contains a current (July 2020) example of how to configure theapp.yaml to deploy acreate-react-app default build to Google's App Engine standard.

• NodeJS
• Google Cloud SDK (gcloud CLI)
• Active Google Cloud Platform (GCP) project

1. Download thesetup.sh,teardown.sh, andapp.yaml files to your computer

2. Create a.env (dotenv) file:

cat> .env<<EOFexport APP_NAME="app-engine-react-demo"export PROJECT_ID="<YOUR GCP PROJECT ID>"EOF

3. Run the setup script

./setup.sh

4. Wait several minutes and then view the app in your browser

The tricky part is getting the app config working. There are some examples for App Engine (flex) and differing approaches for flex and standard, but this is a concise working example that will deploy the artifacts from the/build folder after runningnpm build.

# app.yamlenv:standardruntime:nodejs10service:app-engine-react-demohandlers:  -url:/staticstatic_dir:build/static  -url:/(.*\.(json|ico|js))$static_files:build/\1upload:build/.*\.(json|ico|js)$  -url:.*static_files:build/index.htmlupload:build/index.html

To avoid unexpected charges be sure to either delete your project or delete the app you deployedusing the providedteardown.sh script.

./teardown.sh

If you deploy multiple times, you might have to first deleteversions usinggcloud app versions list and thengcloud app versions delete <version id>.