ionicウェブアプリをfirebaseにデプロイ
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン最新のリビジョン両方とも次のリビジョン | ||
ionicウェブアプリをfirebaseにデプロイ [2018/06/10] – adash333 | ionicウェブアプリをfirebaseにデプロイ [2018/06/10] – adash333 | ||
---|---|---|---|
行 1: | 行 1: | ||
====== Ionicウェブアプリをfirebaseにデプロイ ====== | ====== Ionicウェブアプリをfirebaseにデプロイ ====== | ||
- | IonicはAndroidアプリ、iOSアプリを簡単に作成できるシステムではあるが、 | + | IonicはAndroidアプリ、iOSアプリを簡単に作成できるシステムではあるが、原理的には、フォルダの中身を全部サーバーにアップロードすることにより、ウェブアプリとして公開することもできるらしい。(これでは何百MBにもなってしまうが、、、) |
+ | 現実的には、以下のサイトの通りにやるのがよさそうです。(英語ですが、youtubeでの動画もあります。) | ||
+ | |||
+ | PWA(Progressive Web Apps) | ||
+ | |||
+ | 以下の3つのファイルを変更。(詳細は、[[https:// | ||
+ | < | ||
+ | index.html | ||
+ | service-worker.js | ||
+ | manifest.json | ||
+ | </ | ||
+ | 次に、以下のコマンドを実行してから、www/ | ||
< | < | ||
- | ionic build --prod | + | npm run ionic:build --prod |
</ | </ | ||
- | の後、フォルダの中身を全部サーバーにアップロードすることにより、ウェブアプリとして公開することもできる。(これでは何百MBにもなってしまうが、、、) | + | https:// |
+ | The Bare Necessities: | ||
+ | Josh Morony · January 25, 2018 | ||
+ | |||
+ | https:// | ||
+ | Uploading a Production PWA with Ionic | ||
+ | Josh Morony · January 25, 2018 | ||
しかし、注意点としては、 | しかし、注意点としては、 | ||
行 16: | 行 33: | ||
もっと良い方法として、Netlifyやfirebaseといったサービス(無料枠あり)を利用してウェブアプリを公開する方法もあります。 | もっと良い方法として、Netlifyやfirebaseといったサービス(無料枠あり)を利用してウェブアプリを公開する方法もあります。 | ||
+ | [[IonicウェブアプリをNetlifyで簡単デプロイ]] | ||
+ | [[Ionicウェブアプリをfirebaseにデプロイ]] (このページ) | ||
http:// | http:// | ||
行 25: | 行 44: | ||
{{: | {{: | ||
- | ===== Ionicウェブアプリ ===== | + | ===== Ionicウェブアプリをfirebaseにデプロイ |
行 31: | 行 50: | ||
ゼロからAngularでSPAを作ってみた(2) デプロイ・公開編 | ゼロからAngularでSPAを作ってみた(2) デプロイ・公開編 | ||
2018/ | 2018/ | ||
+ | |||
+ | ===== Angularウェブアプリをfirebaseにデプロイ ===== | ||
ionicウェブアプリをfirebaseにデプロイ.txt · 最終更新: 2018/10/07 by 127.0.0.1