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アプリを簡単に作成できるシステムではあるが、原理的には、フォルダの中身を全部サーバーにアップロードすることにより、ウェブアプリとして公開することもできるらしい。(これでは何百MBにもなってしまうが、、、) | ||
+ | 現実的には、以下のサイトの通りにやるのがよさそうです。(英語ですが、youtubeでの動画もあります。) | ||
+ | |||
+ | PWA(Progressive Web Apps) | ||
+ | |||
+ | 以下の3つのファイルを変更。(詳細は、[[https:// | ||
+ | < | ||
+ | index.html | ||
+ | service-worker.js | ||
+ | manifest.json | ||
+ | </ | ||
+ | 次に、以下のコマンドを実行してから、www/ | ||
+ | < | ||
+ | npm run ionic:build --prod | ||
+ | </ | ||
+ | |||
+ | https:// | ||
+ | The Bare Necessities: | ||
+ | Josh Morony · January 25, 2018 | ||
+ | |||
+ | https:// | ||
+ | Uploading a Production PWA with Ionic | ||
+ | Josh Morony · January 25, 2018 | ||
+ | |||
+ | しかし、注意点としては、 | ||
+ | -WEBアプリでは、Cordovaプラグインが使用できない | ||
+ | -全てのjs, | ||
+ | ということがあるらしいです。 | ||
+ | |||
+ | もっと良い方法として、Netlifyやfirebaseといったサービス(無料枠あり)を利用してウェブアプリを公開する方法もあります。 | ||
+ | |||
+ | [[IonicウェブアプリをNetlifyで簡単デプロイ]] | ||
+ | |||
+ | [[Ionicウェブアプリをfirebaseにデプロイ]] (このページ) | ||
+ | |||
+ | http:// | ||
+ | April 15, 2017 3 comments on " | ||
+ | Deploying an Ionic app as a mobile website | ||
+ | |||
+ | https:// | ||
+ | {{: | ||
+ | |||
+ | ===== Ionicウェブアプリをfirebaseにデプロイ ===== | ||
行 7: | 行 51: | ||
2018/ | 2018/ | ||
+ | ===== Angularウェブアプリをfirebaseにデプロイ ===== | ||
+ | |||
+ | |||
+ | https:// | ||
+ | Deployment (Angular公式サイト) | ||
+ | |||
+ | http:// | ||
+ | 20170218 | ||
+ | Angular2アプリケーションのデプロイについて学ぶ | ||
ionicウェブアプリをfirebaseにデプロイ.1528587907.txt.gz · 最終更新: 2018/10/07 (外部編集)