Как развернуть приложение Ionic 4 на страницах Github? - PullRequest
Новая
       53

Как развернуть приложение Ionic 4 на страницах Github?

0 голосов
/ 29 октября 2018

У меня проблема с развертыванием приложения Ionic 4 на страницах Github.Я попытался следовать руководству по загрузке приложения Angular, но оно не работает.Он продолжает выбрасывать ошибки всех видов.Кто-нибудь может помочь?Большое спасибо.

Ответы [ 2 ]

0 голосов
/ 09 февраля 2019

Вот как использовать angular-cli-ghpages с Ionic 4:

  1. Создайте свой проект Ionic (ionic start MyApp blank)
  2. Установите плагин: npm i angular-cli-ghpages --save
  3. Соедините ваш проект с вашим репозиторием github.
  4. Перейдите в терминале к каталогу вашего проекта и выполните ionic build --prod -- --base-href https://YOUR_GITHUB_USERNAME.github.io/YOUR_PROJECT_NAME/, что создаст папку www, которая сопоставима с папкой distдля угловых.Он также устанавливает ваш домен страницы github как base href в index.html.
  5. Затем запустите плагин: npx angular-cli-ghpages --dir=www.Флаг в конце указывает на папку www, где находится файл index.html, который будет отображаться в https://YOUR_GITHUB_USERNAME.github.io/YOUR_PROJECT_NAME/. Плагин создаст ветку с именем "gh-pages" в вашем проектекоторый содержит все файлы, которые находятся в вашей папке www.
  6. В качестве последнего шага вы должны выбрать ветку "gh-page" в настройках вашего проекта (https://YOUR_GITHUB_USERNAME.github.io/YOUR_PROJECT_NAME/settings) какисточник для вашей страницы github.

Вы также можете установить разные имена веток, если не хотите использовать имя по умолчанию "gh-pages" (также возможно master, но тогда вы должны сохранитьисходные файлы в другой ветке.) Просто запустите плагин следующим образом: npx angular-cli-ghpages --branch=BRANCH-NAME --dir=www.

Как и Гари Гросгартен предложил, вы можете создать скрипт для него, который делает его проще.Ионично это будет: ionic build --prod -- --base-href https://YOUR_GITHUB_USERNAME.github.io/YOUR_PROJECT_NAME/ && npx angular-cli-ghpages --branch=BRANCH-NAME --dir=www

Я сам искал подходящее решение, кредиты переходят на блог Juangui Jordán .

0 голосов
/ 29 октября 2018

Я использую https://github.com/angular-schule/angular-cli-ghpages, чтобы легко добиться этого.

Просто добавьте 

 "scripts": {
    ...
    "gh-pages": "ng build --base-href 'https://USERNAME.github.io/REPOSITORY_NAME/' --prod && npx ngh --dir=www/"
...
  }

в свой package.json.

Если хотитек домену costum вы можете добавить флаг cname 

--cname=example.com

в команду ngh.

Чтобы создать и загрузить свой сайт, запустите 

npm run gh-pages
...