web-dev-qa-db-ja.com

angular 1 to PWA(Progressive Web App))を使用してコード化されたWebアプリケーションを変換することは可能ですか?

私はangular 1.を使用して開発されたwebappを持っています。これをプログレッシブweb appに変換する必要があります。これは可能です。YouTubeで多くのチュートリアルを調べましたが、それらのすべてでangular 2以上。angular 1はこのPWA機能をサポートしていますか?助けてください...

11
Antony Joslin

PWAに固有のフレームワークはありません。サイトは 特定の基準セット を満たしている必要があります。

  • すべてがHTTPS経由で提供されます
  • デザインはレスポンシブでなければなりません
  • アプリはオフラインで使用できる必要があります(つまり、 Service Worker が必要です)
  • アプリケーションに関するメタデータを含む マニフェストファイル を提供する必要があります
  • アプリは最新のすべてのブラウザで機能する必要があります
  • ページ遷移によってアプリがブロックされないようにする必要があります(つまり、読み込みに時間がかかる場合は、読み込み画面/スピナーを表示する必要があります)。
  • アプリの各ページには一意のURLが必要です

Angular 1-これはおそらく現代のフレームワークではeasierになるでしょうが、何もありません)少なくとも今のところ、あなたが持っているものにこだわるのをやめてください。

Addy Osmani(私はGoogleで働いており、PWA仕様にかなり深く関わっています)は Angular 1 PWAの彼のGitHub

22
Joe Clay

私のコードは成功し、serviceworker.jsとマニフェストを追加しましたが、モバイルのキャッシュをクリアするのを忘れていました。それは問題であり、コードではありませんでした。これで問題なく動作しました。テストデバイスのキャッシュをクリアして、もう一度ホーム画面に表示すると、機能します。

2
Antony Joslin