z_blog:2019:190220_angular7でpwa
差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
| z_blog:2019:190220_angular7でpwa [2019/02/21] – [Netlifyにデプロイ] adash333 | z_blog:2019:190220_angular7でpwa [2019/02/21] (現在) – [Netlifyにデプロイ] adash333 | ||
|---|---|---|---|
| 行 27: | 行 27: | ||
| @angular/ | @angular/ | ||
| </ | </ | ||
| + | |||
| + | ===== すること ===== | ||
| + | -Angular7アプリをPWA化 | ||
| + | -Netlifyにデプロイ | ||
| + | -Androidスマホにインストール | ||
| + | |||
| + | ソースコード | ||
| + | https:// | ||
| + | |||
| + | DEMO | ||
| + | https:// | ||
| ===== 新規Angular7アプリの作成 ===== | ===== 新規Angular7アプリの作成 ===== | ||
| 行 104: | 行 115: | ||
| {{: | {{: | ||
| *自分のAndroidスマホでサイトにアクセスして、ホーム画面に追加できるか試してみます。 | *自分のAndroidスマホでサイトにアクセスして、ホーム画面に追加できるか試してみます。 | ||
| + | {{: | ||
| + | *PWAとしてホーム画面に追加に追加することができ、その後、オフラインにしても、起動しました。 | ||
| + | {{: | ||
| + | Ionic4でも同じ方法でNetlifyにPWAとしてデプロイしたい、、、 | ||
| + | ===== ソースコード ===== | ||
| + | https:// | ||
| + | |||
| + | DEMO | ||
| + | https:// | ||
| ===== AngularとPWAのリンク ===== | ===== AngularとPWAのリンク ===== | ||
z_blog/2019/190220_angular7でpwa.1550780107.txt.gz · 最終更新: 2019/02/21 by adash333
