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

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

--- ionicウェブアプリをfirebaseにデプロイ [2018/06/10]
adash333
+++ ionicウェブアプリをfirebaseにデプロイ [2018/10/07] (現在)
@@ ライン 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>
+index.html
+service-worker.js
+manifest.json
+</code>
+次に、以下のコマンドを実行してから、www/ ファイルの中身を自分のサーバーにアップロードすればよいらしいです。
 <code>
-ionic build --prod
+npm run ionic:build --prod
 </code>
-の後、フォルダの中身を全部サーバーにアップロードすることにより、ウェブアプリとして公開することもできる。（これでは何百MBにもなってしまうが、、、）
+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
 しかし、注意点としては、
@@ ライン 16: / ライン 33: @@
 もっと良い方法として、Netlifyやfirebaseといったサービス（無料枠あり）を利用してウェブアプリを公開する方法もあります。
+[[IonicウェブアプリをNetlifyで簡単デプロイ]]
+[[Ionicウェブアプリをfirebaseにデプロイ]] (このページ)
 http://odhyan.com/blog/2017/04/deploying-ionic-app-mobile-website/\\
@@ ライン 25: / ライン 44: @@
 {{:pasted:20180610-085425.png}}
-===== Ionicウェブアプリ =====
+===== Ionicウェブアプリをfirebaseにデプロイ =====
@@ ライン 31: / ライン 50: @@
 ゼロからAngularでSPAを作ってみた(2) デプロイ・公開編
 /03/13
+===== Angularウェブアプリをfirebaseにデプロイ =====

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