内容へ移動
サルでもわかる機械学習
ユーザ用ツール
ログイン
サイト用ツール
検索
ツール
文書の表示
以前のリビジョン
バックリンク
最近の変更
メディアマネージャー
サイトマップ
ログイン
>
最近の変更
メディアマネージャー
サイトマップ
トレース:
ionicウェブアプリをfirebaseにデプロイ
この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。
====== 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にデプロイ ===== 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アプリケーションのデプロイについて学ぶ
ionicウェブアプリをfirebaseにデプロイ.txt
· 最終更新: 2018/10/07 (外部編集)
ページ用ツール
文書の表示
以前のリビジョン
バックリンク
文書の先頭へ