問題タブ [angular-pwa]

PWAの実装も行われているAngularアプリケーションを作成しました。Androidデバイスでは問題なく動作します。基本的に、ログインしたユーザーデータを localStorage に保存します。そのため、ブラウザからアプリを開いてから、[ホーム画面に追加] をクリックします。アプリはAndroidにPWAアプリとしてインストールされ、PWAアプリにもログインしているとユーザーが表示されます。しかし、IOS で同じことを行うと、ログインしているユーザーは表示されず、代わりにデフォルトのインデックス ページが表示されます。IOS で、Safari ブラウザーを開き、ローカル ストレージにログインしているユーザーの情報を保存するアプリにログインした後、[ホーム画面に追加] をクリックします。PWA アプリをインストールした後、アプリを開きますが、インデックス ページが直接表示され、ログインしているユーザーが表示されないことを意味しますAndroidと同じように、IOS PWAアプリでもアプリにログインしているようにユーザーを表示することはできますか?

Angular と PWA を使用したプロジェクトがあります。OSはWindows10です。angularコアのバージョンは8.2.14、pwaのバージョンは0.803.19です。マニフェストファイルは

初めて pwa をデスクトップにインストールしたとき、マニフェスト ファイルはデフォルトのアイコンでデフォルトでした。次に、アイコン フォルダー内のアイコンを変更し、マニフェスト内のアイコンへのパスをテーマの色に変更しました。何度かアプリの再インストールを試みましたが、テーマもアイコンもデフォルトのままでした。コンソールを確認しました - 新しいアイコンがありました。同じことがアプリのインストールを促していました。しかし、クリックしてインストールすると、インストールされたアプリのアイコンとテーマがデフォルトで角度付きになりました。アイコンフォルダーの名前を変更しようとしました。役に立ちませんでした。テーマは、明示的に index.html テーマの色に貼り付けた場合にのみ変更されました。興味深いことが 2 つあります。1つ目は、インストールされたアプリでRMBを試したときです。プロパティ->アイコンを変更すると、新しいアイコンのみが表示され、角度のデフォルトは表示されません。しかし、手動で変更してアプリを再インストールすると、アイコンは角度付きのデフォルトでした。2 つ目は、アプリを別の PC に初めてインストールしようとしたときに、インストールされたアプリのアイコンが新しくなったことです。PCか何かに何らかのキャッシュがあるように思えます。この問題に関する情報は見つかりませんでした。誰にもアイデアはありますか？本番環境では問題になる可能性があり、これは正しい動作ではないと思います。

ここに私のngsw-config.jsonがあります

プロジェクト ディレクトリでコマンドを実行ng add @angular/pwa@0.7.4すると、pwa に必要なすべてのファイルがルート ディレクトリに追加されます。

Bluetooth Low Energy (BLE) ではなく、「通常の」Bluetooth に接続できる PWA を構築したいと考えています。それは可能ですか？

アプリhttps://quotesaboutjesus.netlify.com/quotesに移動し、 Chrome 開発ツールの [アプリケーション] タブを見ると、数秒後に Service Worker が正常に実行されていることがわかります...そしてアプリはオンライン モードで正常に動作します.

しかし、Lighthouse の監査結果は常に次のように述べています。

• オフラインの場合、現在のページは 200 で応答しません。
• オフラインの場合、start_url は 200 で応答しませんstart_url は応答しましたが、Service Worker 経由では応答しませんでした。
• page と start_url を制御する Service Worker を登録しない

しかし、ここの私のコードで、またはここのmanifest.webmanifestで直接見ることができるように、私はそうしました(私は思う?: Lighthouseは私がしなかったと言っているからです):

1. Web アプリ マニフェストを追加します。
2. マニフェストの start_url が正しいことを確認してください。
3. Service Worker をアプリに追加します。
4. Service Worker を使用してファイルをローカルにキャッシュします。
5. オフラインの場合は、Service Worker をネットワーク プロキシとして使用して、ローカルにキャッシュされたバージョンのファイルを返します。

監査テストに失敗する理由がわかりません (オンラインで簡単に再現できます)。

SWの登録が少し遅いことが原因ではないかと想像したので、アプリのパフォーマンスを最適化しようとしましたが、現在でもパフォーマンススコアが向上しています（少なくとも監査テスト中は90）、そうではありませんでしたこのテストに合格します。

誰かが私を助けることができますか？

Lighthouse のエラー メッセージを示す画像

Service Worker がうまく機能していることを示す画像

(start_ul in) マニフェストを示すイメージ