Push.jsを使ってブラウザプッシュ通知を送信する

ネイティブモバイルアプリは常にサポートされていました プッシュ通知. しかし、これらの通知はWebには存在しませんでした。 通知API 現れた.

通知API JavaScriptを介して動作します. それはあなたがすることができます プッシュ通知を送信する ブラウザウィンドウからユーザーのコンピュータに直接アクセスします。自分で設定するのはそれほど難しいことではありませんが、なぜホイールを作り直すのか?

Push.js です 無料通知ライブラリ 数行のJavaScriptですべての基本的なプッシュ通知機能を処理します。.

これらのブラウザベースの通知はまだ非常に新しいものであり、それらに追いつく前に行く方法があります。ユーザーがする必要があります 特定のWebサイトからの通知を許可する それらが表示される前に、あなたの聴衆がすでにあなたのウェブサイトを信頼していない限り、人々に受け入れさせるのは難しいかもしれません.

しかし、学ぶための最善の方法は何が起こるのか試してみることです。あなたはあなたの最新のブログ記事への訪問者のリンク、あるいはサイトへの新しい更新についての情報、あるいはあなたのニュースレターにサインアップすることさえ要求することができます。そして、Push.jsを使えば、これをうまく動かすのは簡単です。.

あなたはからライブラリをダウンロードすることができます 午後 または バウワー, または直接それをつかみます GitHubから.

そこから、あなたは 基本的なJavaScriptを追加する あなたのページにプッシュ通知を作成します。ユーザーがあなたのサイトからのリクエストを受け入れると、彼らはあなたが送るすべての新しい通知を一貫して受け取るでしょう。かなりクール!

通知ヘッダー、メインコンテンツ、その他の自動クローズ時間などの機能を設定できます。.

これが サンプルスニペット Push.js Webサイトから：

 Push.create（ "こんにちは！"、本文： "どうしたんですか？"、アイコン： 'icon.png'、タイムアウト：4000、onClick：function（）window.focus（）; this.close（） ;）; 

君は 多くのJavaScriptを知る必要はありません あなたのサイトでこのライブラリを動かすために。あなたが単にコピー/貼り付けをするか、またはドキュメントを読み進めるならば、15分以内にプッシュ通知が実行されるべきです。.

誰もがこれらのブラウザ通知を好むわけではなく、このライブラリは確かにすべてのWebサイトで役立つわけではありません。しかし、これを試してみるつもりなら、設定はとても簡単で、プッシュ通知は非常に簡単になります。.