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

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

ユーザ用ツール

サイト用ツール


00.ionic4:09.ionic4でpwa


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
00.ionic4:09.ionic4でpwa [2019/03/01] – [ソースコード] adash33300.ionic4:09.ionic4でpwa [2019/08/28] (現在) – [メモ] adash333
行 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://www.jomendez.com/2018/06/05/add-home-screen-pwas/をIonic4で写経してみます。 今回は、http://www.jomendez.com/2018/06/05/add-home-screen-pwas/をIonic4で写経してみます。
行 233: 行 235:
     <ion-button      <ion-button 
       expand="full"        expand="full" 
-      (click)="add_to_home(event)" +      (click)="add_to_home()" 
       *ngIf="showBtn">       *ngIf="showBtn">
         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


00.ionic4/09.ionic4でpwa.1551425797.txt.gz · 最終更新: 2019/03/01 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki