開発者の部屋にどのようなモバイルデバイス機能が欠けているかを尋ねるとウェブ、プッシュ通知は常にリスト上で高くなります。
Webプッシュ通知により、ユーザーはsitesthey loveからタイムリーな更新をオプトインし、カスタマイズされた関連コンテンツで効果的に再エンゲージすることがで,
プッシュAPIと通知APIは、ユーザーと再び関わることができるまったく新しい可能性を開きます。
サービスワーカーは関与していますか?
はい。 Pushはservice workerに基づいています。 これは、プッシュ通知に対して実行される唯一のタイムコード(つまり、バッテリーが使用される唯一のタイムコード)は、ユーザーが通知をクリックするか閉じることによって通知を操作するときです。 それらに精通していない場合は、service worker introductionをチェックしてください。, Pushesand通知を実装する方法を示すときに、後のセクションでservice workerコードを使用します。
二つのテクノロジ
プッシュと通知は、異なるが補完的なApiを使用します。pushは、サーバーがservice workerに情報を提供するときにinvoked、anotificationはservice workerまたはユーザーに情報を示すwebページスクリプトのアクションです。
少し通知の解剖学
次のセクションでは、私たちはあなたに写真の束をスローするつもりですが、我々はコードを予測しました。 だから、ここにあります。, サービスワーカー登録では、登録オブジェクトに対してshowNotification
を呼び出します。
serviceWorkerRegistration.showNotification(title, options);
title
引数は、通知の見出しとして表示されます。 options
引数は、通知の他のプロパティを設定するオブジェクトリテラルです。典型的なoptionsオブジェクトは次のようになります。
このコードは、画像のような通知を生成します。 一般的には、ネイティブアプリケーションと同じ機能を提供します。, これらの機能を実装するための仕様に飛び込む前に、これらの機能を効果的に使用する方法を紹介します。 ここでは、権限とサブスクリプションの処理、メッセージの送信、およびそれらへの応答など、プッシュ通知の実装の仕組みについて説明します。
どうすれば試してみることができますか?
機能を完全に理解する前に、機能を使用する方法はいくつかありますどのように機能するかを理解するか、実装する必要があります。 最初に、点検outour自身のサンプル。また、Peter Beverlooの通知ジェネレータとMozillaのPush Payloadデモも利用できます。,