00.ionic4:09.ionic4でpwa
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
00.ionic4:09.ionic4でpwa [2019/02/23] – [Netlifyにデプロイにトライ] adash333 | 00.ionic4:09.ionic4でpwa [2019/08/28] (現在) – [メモ] adash333 | ||
---|---|---|---|
行 10: | 行 10: | ||
という流れが必要でしたが、PWAであれば、 | という流れが必要でしたが、PWAであれば、 | ||
-WEBサイトをIonicで作ってPWA化して公開 | -WEBサイトをIonicで作ってPWA化して公開 | ||
- | -ユーザはWEBサイトへ2回閲覧すれば、『ホーム画面に追加する』(A2HS: | + | -ユーザはWEBサイトを閲覧すれば、『ホーム画面に追加する』(A2HS: |
-以降、オフラインで、まるでスマホアプリのようにWEBサイトを利用できる | -以降、オフラインで、まるでスマホアプリのようにWEBサイトを利用できる | ||
といったことが可能になります。もちろん、『プッシュ通知』なども備えることができるそうです。(個人的にプッシュ通知は嫌いですが。) | といったことが可能になります。もちろん、『プッシュ通知』なども備えることができるそうです。(個人的にプッシュ通知は嫌いですが。) | ||
行 32: | 行 32: | ||
-Ionic4のtabsデフォルトアプリをPWA化する | -Ionic4のtabsデフォルトアプリをPWA化する | ||
-Tab1に、Add to HomeScreen(A2HP)ボタンを実装する | -Tab1に、Add to HomeScreen(A2HP)ボタンを実装する | ||
- | -Netlifyにデプロイして、Androidスマホでホーム画面にアプリを追加し、オフラインで起動してみる | + | -Firebase Hostingにデプロイして、Androidスマホでホーム画面にアプリを追加し、オフラインで起動してみる |
+ | |||
+ | -同じアプリを、Netlifyにデプロイしてみる。Androidスマホでホーム画面にアプリを追加し、オフラインで起動してみる | ||
今回は、http:// | 今回は、http:// | ||
行 233: | 行 235: | ||
< | < | ||
expand=" | expand=" | ||
- | (click)=" | + | (click)=" |
*ngIf=" | *ngIf=" | ||
Install | Install | ||
行 278: | 行 280: | ||
} | } | ||
- | add_to_home(e){ | + | add_to_home(){ |
debugger | debugger | ||
// hide our user interface that shows our button | // hide our user interface that shows our button | ||
行 306: | 行 308: | ||
- | 同じものをNetlifyにデプロイしようとしましたが、私の技術ではPWAにできませんでした。 | + | 同じものをNetlifyにデプロイしようとすると、以下のような手順となります。 |
- | https:// | + | |
- | + | ||
===== Netlifyにデプロイにトライ ===== | ===== Netlifyにデプロイにトライ ===== | ||
ググったところ、さすがJosh様、、、 | ググったところ、さすがJosh様、、、 | ||
行 343: | 行 342: | ||
DEMO | DEMO | ||
- | https:// | + | https:// |
+ | |||
00.ionic4/09.ionic4でpwa.1550909321.txt.gz · 最終更新: 2019/02/23 by adash333