WordPressではない静的なHTMLページのPWA化サンプルです。
このページはWordPressのデモサイトとは別ドメイン pwa2.cltest.bex.jp にhtmlで構築しています。
- 【済】ホーム画面に追加｜iOS Safari / Android Chrome
- 【済】ホーム画面アイコン｜iOS Safari / Android Chrome
- 【済】インストール｜windows ChromeとEdge / Mac Chrome
- 【済】PWA起動画面｜Android
- 【済】全画面表示（アプリのようなUI/UX）｜Android / iOS
- 【未】プッシュ通知の許可
- 【未】プッシュ通知（プッシュ通知については「OneSignal」のサービスを利用。）
- 【済】オフラインサポート(キャッシュの実現⇒v216に）
- 新しいキャッシュが使われるのは、ウェブブラウザのウィンドウまたはタブを閉じて、再度目的のページを開いた時です。この時には、新しいキャッシュを使ってページが表示されますし、activateイベントが発火して古いキャッシュが削除されます。
このページとは別にWordPressで構築したPWA Demo Siteは「Super Progressive Web Apps」と「OneSignal Push Notifications」の２つのプラグインを用いてPWAを実現しました。