サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

現在位置: index.html » z_blog » 2019 » 190220_angular7でpwa

トレース:

z_blog:2019:190220_angular7でpwa

差分

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

この比較画面へのリンク

--- z_blog:2019:190220_angular7でpwa [2019/02/21] – [ビルド] adash333
+++ z_blog:2019:190220_angular7でpwa [2019/02/21] (現在) – [Netlifyにデプロイ] adash333
@@ 行 27: / 行 27: @@
 @angular/pwa 0.13.1
 </code>
+===== すること =====
+  -Angular7アプリをPWA化
+  -Netlifyにデプロイ
+  -Androidスマホにインストール
+ソースコード
+https://github.com/adash333/angular7-pwa
+DEMO
+https://vigorous-spence-33c567.netlify.com/
 ===== 新規Angular7アプリの作成 =====
@@ 行 98: / 行 109: @@
   *以下のように入力して、Deploy site をクリック。しばらく待ちます。
 {{:z_blog:2019:pasted:20190221-200627.png}}
-  *
+  *デプロイが終了したら、リンクをクリック
+{{:z_blog:2019:pasted:20190221-201235.png}}
+https://vigorous-spence-33c567.netlify.com/
+  *PWA化されているようです
+{{:z_blog:2019:pasted:20190221-201355.png}}
+  *自分のAndroidスマホでサイトにアクセスして、ホーム画面に追加できるか試してみます。
+{{:z_blog:2019:pasted:20190221-201933.png}}
+  *PWAとしてホーム画面に追加に追加することができ、その後、オフラインにしても、起動しました。
+{{:z_blog:2019:pasted:20190221-202022.png}}
+Ionic4でも同じ方法でNetlifyにPWAとしてデプロイしたい、、、
+===== ソースコード =====
+https://github.com/adash333/angular7-pwa
+DEMO
+https://vigorous-spence-33c567.netlify.com/
 ===== AngularとPWAのリンク =====

z_blog/2019/190220_angular7でpwa.1550779649.txt.gz · 最終更新: 2019/02/21 by adash333