ionicウェブアプリをfirebaseにデプロイ

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- ionicウェブアプリをfirebaseにデプロイ [2018/06/09] – adash333
+++ ionicウェブアプリをfirebaseにデプロイ [2018/10/07] (現在) – 外部編集 127.0.0.1
@@ 行 1: / 行 1: @@
 ====== Ionicウェブアプリをfirebaseにデプロイ ======
-IonicはAndroidアプリ、iOSアプリを簡単に作成できるシステムではあるが、
+IonicはAndroidアプリ、iOSアプリを簡単に作成できるシステムではあるが、原理的には、フォルダの中身を全部サーバーにアップロードすることにより、ウェブアプリとして公開することもできるらしい。（これでは何百MBにもなってしまうが、、、）
+現実的には、以下のサイトの通りにやるのがよさそうです。（英語ですが、youtubeでの動画もあります。）
+PWA(Progressive Web Apps)
+以下の３つのファイルを変更。（詳細は、[[https://www.joshmorony.com/the-bare-necessities-progressive-web-apps-in-ionic/|こちら（英語）]]をご覧ください。）
 <code>
-ionic build --prod
+index.html
+service-worker.js
+manifest.json
+</code>
+次に、以下のコマンドを実行してから、www/ ファイルの中身を自分のサーバーにアップロードすればよいらしいです。
+<code>
+npm run ionic:build --prod
 </code>
+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にデプロイ =====
@@ 行 15: / 行 50: @@
 ゼロからAngularでSPAを作ってみた(2) デプロイ・公開編
 /03/13
+===== Angularウェブアプリをfirebaseにデプロイ =====

ionicウェブアプリをfirebaseにデプロイ.1528588673.txt.gz · 最終更新: 2018/10/07 (外部編集)