Как развернуть Angular 7 Project в Google Cloud

Question

Я создал приложение Angular 7, которое прекрасно работает, когда я выполняю команду ng serve с локального компьютера Mac или с удаленного сервера Centos.

Это приложение использует php файлы, которые обращаются к базе данных MySQL, которые обслуживаются в моем облаке Google.

Теперь после выполнения gcloud app deploy последнее, что я вижу на экране, это сообщение:

nebula@0.0.0 start / app нг подача

ш: 1: нг: не найдено

и я мертв в воде.

Я пробовал так много разных версий файлов app.yaml и cloudbuild.yaml, что мне кажется, что я ничему не научился.

Я попробовал то же самое, начав с самого базового приложения "Hero's", и получил ту же проблему.

т.е.

нг новый ххх CD XXX установка npm нг подача

Тогда я вижу экран Heros по умолчанию в моем браузере.

Затем я создаю app.yaml файл

.

runtime: nodejs
env: flex

manual_scaling:
  instances: 1
resources:
  cpu: 1
  memory_gb: 0.5
  disk_size_gb: 10


service: 
  xxx

Затем я пытаюсь выполнить развертывание, используя:

развертывание приложения gcloud

Когда это закончится, я получаю сообщение

Развернутая служба [xxx] - [https://xxx -dot-project.appspot.com]

Когда я перехожу на этот URL, я получаю:

Ошибка: ошибка сервера

Сервер обнаружил ошибку и не смог выполнить ваш запрос. Пожалуйста, повторите попытку через 30 секунд.

Файл журнала для этого прогона:

    gcloud app logs tail -s xxx
    Waiting for new log entries...
    2019-05-04 15:27:35 xxx[20190504t102436]  "GET / HTTP/1.1" 404
    2019-05-04 15:27:35 xxx[20190504t102436]  "GET /favicon.ico HTTP/1.1" 404
    2019-05-04 15:28:56 xxx[20190504t102436]  "GET / HTTP/1.1" 404
    2019-05-04 15:32:45 xxx[prod]  "GET / HTTP/1.1" 404
    2019-05-04 15:32:50 xxx[prod]  "GET / HTTP/1.1" 404
    2019-05-04 15:33:06 xxx[prod]  "GET / HTTP/1.1" 404
    2019-05-04 15:33:10 xxx[prod]  "GET /run HTTP/1.1" 404
    2019-05-04 15:33:10 xxx[prod]  "GET /favicon.ico HTTP/1.1" 404
    2019-05-04 15:33:16 xxx[prod]  "GET /run HTTP/1.1" 404
    2019-05-04 15:33:16 xxx[prod]  "GET / HTTP/1.1" 404
    2019-05-04 15:33:19 xxx[prod]  "GET /login HTTP/1.1" 404
    2019-05-04 15:33:19 xxx[prod]  "GET /favicon.ico HTTP/1.1" 404
    2019-05-04 15:40:43 xxx[prod]  "GET /login HTTP/1.1" 404
    2019-05-04 15:40:46 xxx[prod]  "GET /login HTTP/1.1" 404
    2019-05-04 15:40:50 xxx[prod]  "GET /login HTTP/1.1" 404
    2019-05-04 15:40:50 xxx[prod]  "GET / HTTP/1.1" 404
    2019-05-04 15:40:53 xxx[prod]  "GET / HTTP/1.1" 404
    2019-05-04 16:01:50 xxx[20190504t105955]  "GET / HTTP/1.1" 500
    2019-05-04 16:01:51 xxx[20190504t105955]  /bin/sh: 1: ng: not found
    2019-05-04 16:06:19 xxx[20190504t105955]  "GET / HTTP/1.1" 500
    2019-05-04 16:06:20 xxx[20190504t105955]  /bin/sh: 1: ng: not found

У меня вопрос: может ли кто-нибудь представить тривиальный пример этого процесса, когда приложение работает в облаке Google?

Answer 1

При развертывании приложения Ng7 с бэкэндом PHP, я бы посоветовал вам использовать два разных решения:

• Хостинг Firebase , оптимизированный для SPA с CDN для развертывания приложения Ng (измените ваш environment.ts, чтобы он направлялся к конечным точкам AE. Сначала вы создадите свое приложение, используя ng build, а затем разверните артефакты, поэтому даже в инструменте Angular нет необходимости в результирующем пакете.
• Используйте AppEngine для развертывания вашего бэкэнда

Answer 2

Похоже, предложение перейти на firebase было самым полезным вариантом.

Я намного ближе к тому месту, где я хочу быть, и теперь я вижу много полезных дополнений.

Answer 3

После создания проекта опубликуйте свой проект на GitHub. В GitHub Apps вы должны установить Google Cloud Build сейчас, потому что ему нужен доступ к вашим репозиториям. Вам также необходимо создать облачный проект Google для вашего нового приложения и включить Cloud Build и Cloud App Engine.

Пожалуйста, обратитесь сюда для более подробной информации: - https://medium.com/felixklauke/angular-google-cloud-build-app-engine-5e7c2038bdad