====== Ionicウェブアプリをfirebaseにデプロイ ======
IonicはAndroidアプリ、iOSアプリを簡単に作成できるシステムではあるが、原理的には、フォルダの中身を全部サーバーにアップロードすることにより、ウェブアプリとして公開することもできるらしい。(これでは何百MBにもなってしまうが、、、)
現実的には、以下のサイトの通りにやるのがよさそうです。(英語ですが、youtubeでの動画もあります。)
PWA(Progressive Web Apps)
以下の3つのファイルを変更。(詳細は、[[https://www.joshmorony.com/the-bare-necessities-progressive-web-apps-in-ionic/|こちら(英語)]]をご覧ください。)
index.html
service-worker.js
manifest.json
次に、以下のコマンドを実行してから、www/ ファイルの中身を自分のサーバーにアップロードすればよいらしいです。
npm run ionic:build --prod
https://www.joshmorony.com/the-bare-necessities-progressive-web-apps-in-ionic/\\
The Bare Necessities: Progressive Web Apps in Ionic
Josh Morony · January 25, 2018
https://www.joshmorony.com/uploading-a-production-pwa-with-ionic/\\
Uploading a Production PWA with Ionic
Josh Morony · January 25, 2018
しかし、注意点としては、
-WEBアプリでは、Cordovaプラグインが使用できない
-全てのjs, cssファイルを1個にまとめているので、読み込みがすごく遅い(?)
ということがあるらしいです。
もっと良い方法として、Netlifyやfirebaseといったサービス(無料枠あり)を利用してウェブアプリを公開する方法もあります。
[[IonicウェブアプリをNetlifyで簡単デプロイ]]
[[Ionicウェブアプリをfirebaseにデプロイ]] (このページ)
http://odhyan.com/blog/2017/04/deploying-ionic-app-mobile-website/\\
April 15, 2017 3 comments on "Deploying an Ionic app as a mobile website"
Deploying an Ionic app as a mobile website
https://blog.ionicframework.com/how-to-make-pwas-with-ionic/\\
{{:pasted:20180610-085425.png}}
===== Ionicウェブアプリをfirebaseにデプロイ =====
http://yebisupress.dac.co.jp/2018/03/13/angular_spa-02/\\
ゼロからAngularでSPAを作ってみた(2) デプロイ・公開編
2018/03/13
===== Angularウェブアプリをfirebaseにデプロイ =====
https://angular.io/guide/deployment\\
Deployment (Angular公式サイト)
http://m12i.hatenablog.com/entry/2017/02/18/224932\\
20170218
Angular2アプリケーションのデプロイについて学ぶ