Вземете вашето приложение React от локално към глобално в 3 лесни стъпки.

Предпоставка

Предполагаме, че вече сте създали своето приложение React и че сте качили изходния код в хранилище на GitHub. Трябва също така да имате акаунт в GCP (Google Cloud Platform).

Да ставаме и да бягаме :)

Стъпка 1: Създайте конфигурационните файлове

За да стартираме всичко, ние ще направим цялата конфигурация още в началото.

Отворете своя терминал и изберете главната папка на вашето приложение React.

Въведете npm run build, натиснете enter и оставете реакцията да направи това е магия.

Създайте app.yaml файл, така че AppEngine да знае какво да прави - копирайте, поставете това във файла и качете всичко в GitHub.

runtime: nodejs12
handlers:
# Serve all static files with url ending with a file extension
- url: /(.*\\..+)$
  static_files: build/\\1
  upload: build/(.*\\..+)$
# Catch all handler to index.html
- url: /.*
  static_files: build/index.html
  upload: build/index.html

Стъпка 2: Създайте нов проект на AppEngine

Отидете на Google’s App Engine Console и създайте нов проект:

Кликнете върху Нов проект

Наименувайте го и натиснете създаване

Стъпка 3: Разположете приложението

Сега, когато нашият проект е настроен и кодът чака да бъде разгърнат, просто отворете Cloud Shell в горния десен ъгъл:

След като терминалът се отвори, затворете вашето git хранилище git clone <https://github.com/github-username/repo-name.git›, отворете папката на проекта cd <your github project folder> и инициализирайте проекта с npm i.

Не на последно място изтрийте всичко в папката с изключение на папката за изграждане и файла app.yaml. За да направите това, изпълнете rm -r <Your File or Folder name> и накрая изпълнете gcloud app deploy, за да внедрите приложението си, и щракнете върху y, когато бъдете попитани.

Вече можете да видите приложението си, като стартирате gcloud app browse или като следвате връзката в горния десен ъгъл: