Вземете вашето приложение 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
или като следвате връзката в горния десен ъгъл: