ウェブプッシュ通知:タイムリーで関連性の高い、正確な

ジョセフ-メドレーによる
テクニカルライター

開発者の部屋にどのようなモバイルデバイス機能が欠けているかを尋ねるとウェブ、プッシュ通知は常にリスト上で高くなります。

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デモも利用できます。,

フィードバック

このページは役に立ちましたか?
このページについての最も良いことは何でしたか?
それは私が私の目標を完了するのを助けました
フィードバックをありがとう。 このページを改善する方法について具体的なアイデアがある場合は、問題を作成してください。
それは私が必要な情報を持っていた
フィードバックをありがとう。 このページを改善する方法について具体的なアイデアがある場合は、問題を作成してください。
それは正確な情報を持っていました
フィードバックをありがとう。, このページを改善する方法について具体的なアイデアがある場合は、問題を作成してください。
読みやすかったです
フィードバックをありがとう。 このページを改善する方法について具体的なアイデアがある場合は、問題を作成してください。
何か他のもの
フィードバックをありがとう。 このページを改善する方法について具体的なアイデアがある場合は、問題を作成してください。
いいえ
このページの最悪のことは何でしたか?
それは私が私の目標を完了するのに役立ちませんでした
フィードバックをありがとう。, このページを改善する方法について具体的なアイデアがある場合は、問題を作成してください。
それは私が必要な情報が不足していました
フィードバックをありがとう。 このページを改善する方法について具体的なアイデアがある場合は、問題を作成してください。
それは不正確な情報を持っていました
フィードバックをありがとう。 このページを改善する方法について具体的なアイデアがある場合は、問題を作成してください。
読みにくかった
フィードバックをありがとう。 このページを改善する方法について具体的なアイデアがある場合は、問題を作成してください。,
何か他のもの
フィードバックをありがとう。 このページを改善する方法について具体的なアイデアがある場合は、問題を作成してください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ツールバーへスキップ