問題タブ [progressive-web-apps]

私はプログレッシブ Web アプリをいじっていますが、作成してみたいシナリオの 1 つは、目覚まし時計アプリでした。

このアプリを適切に動作させるには、バックグラウンドで実行し、内部条件 (現在時刻 === アラーム時刻) が満たされるとアクティブになる必要があると考えています。

これは可能ですか？または、プログレッシブ Web アプリには、バックグラウンドで動作したり、API を介して電話機能にアクセスしたりする自由がまだありません。

ありがとう！

プログレッシブ Web アプリでネットワークを変更しているときにコールバックを取得するには?

例 : Flipkart Lite では、インターネットから切断するとアプリの色が青からグレーに変わり、インターネットに接続するとアプリの色がグレーから青に変わります。この機能を実装する方法を教えてください。

Web アプリを Chrome アプリ ストアに公開しようとしています。Step 2: Create a manifest file で混乱しています。このマニフェスト ファイルもWeb アプリ マニフェストですか?

それらが異なる場合、Chrome アプリ ストアにも掲載しながらプログレッシブ Web アプリにする場合は、manifest.json ファイルが 2 つ必要になるということですか? これを行うにはどうすればよいですか？ありがとう。

Angular の MobileToolkit ガイド ( https://github.com/angular/mobile-toolkit/blob/master/guides ) を読み終えた後、いくつかの追加コンポーネントをアプリに導入したいと思いました... sidenav のように!

チュートリアルで教えてもらったように、SideNav コンポーネントを使用するために必要なすべてのコードを追加しました...

これが私の app.component.ts インポートです:

ディレクティブの登録は次のとおりです。

追加された外部パッケージ (最初の 2 つは前述のチュートリアルからのもの):

そして、すべてのエクスポート (これもチュートリアルから):

すべての準備ができたら、「ng serve」コマンドを実行します。

いくつかの調査の後、Web で同様の問題を見つけましたが、それらのほとんどは、不足している角度パッケージ (http) または古い Angular2 バージョンに関連していました。ここではそうではありません。最新バージョンを使用しており、http パッケージが配置されているためです (node_modules フォルダーと dist フォルダーの両方内)。

さらに深く掘り下げたい場合: https://github.com/d0cz/t-tracker/tree/master

sw-precacheAngular アプリのすべての静的リソースの事前キャッシュを許可するために使用しています。私は理解したsw-precache concept of versioning by calculating the MD5 hash which is used to determine whether the file has changed or not.

sw-precacheしかし、複数のファイルを連結して生成されたバンドル ファイル (bundle.877095ebde8.js など) でバージョン管理/キャッシュ バスティングをどのように処理し、それらとバージョン管理ファイルを縮小するのか疑問に思っています。

この場合、ファイルの内容ではなく、変更を加えて新しいバージョン管理ファイルを作成するたびにファイル全体が変更されるため、navigator.serviceWorker.controller常に null が返されます。

プログレッシブ Web アプリに興味があります。以下のサイトに記載されているように、いくつかの利点があります。

https://developers.google.com/web/fundamentals/getting-started/your-first-progressive-web-app/

それらの 1 つは、Progressive Web App が検出可能であることです。実際、私はそれを100％理解していません。

これは、グーグルでプログレッシブ Web アプリを検索できることを意味します。

以下のような3つの質問があります。

• グーグルでProgressive Web Appを検索する方法。何かキーワードはありますか？プログレッシブ Web アプリはどのアプリ ストアにも属していないためです。グーグルで検索する必要があり、すべてのグループまたはカテゴリが必要なようです。

• W3C マニフェストのどの項目が、「アプリケーション」として識別できるようにするのに役立ちますか</p>

• Service Worker 登録スコープで検索エンジンがそれらを見つける方法

検出可能 - W3C マニフェストと Service Worker 登録スコープにより、検索エンジンがそれらを見つけられるようにすることで、「アプリケーション」として識別できます。

Service Worker を使用してプログレッシブ Web アプリを作成しており、Service Worker ツールボックスを使用してコンテンツをキャッシュしています。私のコンテンツをキャッシュするService Workerコード：

コンソールにエラーが表示されていないため、コードは正常に実行されています。しかし、クラウドフロントからの画像または上記で構成された URL がキャッシュされ、キャッシュ自体からレンダリングされているかどうかを確認するにはどうすればよいですか。