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

差分

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

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

次のリビジョン
前のリビジョン
ionicウェブアプリをfirebaseにデプロイ [2018/06/09]
adash333 作成
ionicウェブアプリをfirebaseにデプロイ [2018/10/07] (現在)
ライン 1: ライン 1:
 +====== Ionicウェブアプリをfirebaseにデプロイ ======
  
 +IonicはAndroidアプリ、iOSアプリを簡単に作成できるシステムではあるが、原理的には、フォルダの中身を全部サーバーにアップロードすることにより、ウェブアプリとして公開することもできるらしい。(これでは何百MBにもなってしまうが、、、)
  
 +現実的には、以下のサイトの通りにやるのがよさそうです。(英語ですが、youtubeでの動画もあります。)
 +
 +PWA(Progressive Web Apps)
 +
 +以下の3つのファイルを変更。(詳細は、[[https://​www.joshmorony.com/​the-bare-necessities-progressive-web-apps-in-ionic/​|こちら(英語)]]をご覧ください。)
 +<​code>​
 +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にデプロイ =====
  
  
ライン 7: ライン 51:
 2018/​03/​13 ​ 2018/​03/​13 ​
  
 +===== Angularウェブアプリをfirebaseにデプロイ =====
 +
 +
 +https://​angular.io/​guide/​deployment\\
 +Deployment (Angular公式サイト)
 +
 +http://​m12i.hatenablog.com/​entry/​2017/​02/​18/​224932\\
 +20170218
 +Angular2アプリケーションのデプロイについて学ぶ
  

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