ユーザ用ツール

サイト用ツール


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

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
最新のリビジョン両方とも次のリビジョン
ionicウェブアプリをfirebaseにデプロイ [2018/06/10] adash333ionicウェブアプリを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://www.joshmorony.com/the-bare-necessities-progressive-web-apps-in-ionic/|こちら(英語)]]をご覧ください。)
 +<code>
 +index.html
 +service-worker.js
 +manifest.json
 +</code>
 +次に、以下のコマンドを実行してから、www/ ファイルの中身を自分のサーバーにアップロードすればよいらしいです。
 <code> <code>
-ionic build --prod+npm run ionic:build --prod
 </code> </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といったサービス(無料枠あり)を利用してウェブアプリを公開する方法もあります。 もっと良い方法として、Netlifyやfirebaseといったサービス(無料枠あり)を利用してウェブアプリを公開する方法もあります。
  
 +[[IonicウェブアプリをNetlifyで簡単デプロイ]]
  
 +[[Ionicウェブアプリをfirebaseにデプロイ]] (このページ)
  
 http://odhyan.com/blog/2017/04/deploying-ionic-app-mobile-website/\\ http://odhyan.com/blog/2017/04/deploying-ionic-app-mobile-website/\\
行 25: 行 44:
 {{:pasted:20180610-085425.png}} {{:pasted:20180610-085425.png}}
  
-===== Ionicウェブアプリ =====+===== Ionicウェブアプリをfirebaseにデプロイ =====
  
  
行 31: 行 50:
 ゼロからAngularでSPAを作ってみた(2) デプロイ・公開編 ゼロからAngularでSPAを作ってみた(2) デプロイ・公開編
 2018/03/13  2018/03/13 
 +
 +===== Angularウェブアプリをfirebaseにデプロイ =====
  
  

ionicウェブアプリをfirebaseにデプロイ.txt · 最終更新: 2018/10/07 by 127.0.0.1

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki