ホームページ バックエンド開発 Golang WebSocketブラウザ通知機能をベースにしたGo言語実装

WebSocketブラウザ通知機能をベースにしたGo言語実装

Aug 07, 2020 pm 04:03 PM
言語を移動

WebSocketブラウザ通知機能をベースにしたGo言語実装

#WebSocket テクノロジーを使用して訪問者の到着メッセージをリアルタイムでプッシュすると、いつでもページを離れることなく訪問者が到着したことを知ることができます。

次に、ブラウザの通知メッセージを追加します。インターフェイスをずっと見つめなくても、インターフェイスを開くだけで済みます。他のことをするだけで済みます。新しいメッセージが右下隅からポップアップします。

テスト訪問者がいる場合 相談ボタンをクリックすると、カスタマー サービス バックエンドにプロンプ​​トが表示されます:

#https://gofly.sopans.com/index

まず最初に言っておきますが、通知は https 環境でのみ使用できます。https でない場合、ブラウザ通知は使用できません。notification.permission は禁止を返します。

  notify(title, options, callback) {
          // 先检查浏览器是否支持
          if (!window.Notification) {
            return;
          }
          var notification;
          // 检查用户曾经是否同意接受通知
          if (Notification.permission === 'granted') {
            notification = new Notification(title, options); // 显示通知

          } else {
            var promise = Notification.requestPermission();
          }

          if (notification && callback) {
            notification.onclick = function(event) {
              callback(notification, event);
            }
          }
       },
ログイン後にコピー
notify("标题", {
            body: "内容",
            icon: "头像"
          }, function(notification) {

            notification.close();

});
ログイン後にコピー

WebSocket 部分は、onmessage メソッドをリッスンし、返された JSON メッセージ フィールドに基づいて区別することです。自分で定義する必要があります。または、上記のアドレスのソース コードを参照できます

関連する学習に関する推奨事項:
Go 言語チュートリアル

以上がWebSocketブラウザ通知機能をベースにしたGo言語実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Go's Crawler Collyのキュースレッドの問題は何ですか? Go's Crawler Collyのキュースレッドの問題は何ですか? Apr 02, 2025 pm 02:09 PM

Go Crawler Collyのキュースレッドの問題は、Go言語でColly Crawler Libraryを使用する問題を調査します。 �...

GOの浮動小数点番号操作に使用されるライブラリは何ですか? GOの浮動小数点番号操作に使用されるライブラリは何ですか? Apr 02, 2025 pm 02:06 PM

GO言語の浮動小数点数操作に使用されるライブラリは、精度を確保する方法を紹介します...

Golandのカスタム構造ラベルが有効になっていないという問題を解決する方法は? Golandのカスタム構造ラベルが有効になっていないという問題を解決する方法は? Apr 02, 2025 pm 12:51 PM

GoLandを使用する場合のGolandのカスタム構造タグの問題に関して、Go Language Developmentに使用する場合、いくつかの構成の問題に遭遇することがよくあります。それらの1つは...

GOのどのライブラリが大企業によって開発されていますか、それとも有名なオープンソースプロジェクトによって提供されていますか? GOのどのライブラリが大企業によって開発されていますか、それとも有名なオープンソースプロジェクトによって提供されていますか? Apr 02, 2025 pm 04:12 PM

大企業または有名なオープンソースプロジェクトによって開発されたGOのどのライブラリが開発されていますか? GOでプログラミングするとき、開発者はしばしばいくつかの一般的なニーズに遭遇します...

GoおよびViperライブラリを使用するときにポインターを渡す必要があるのはなぜですか? GoおよびViperライブラリを使用するときにポインターを渡す必要があるのはなぜですか? Apr 02, 2025 pm 04:00 PM

ポインター構文とviperライブラリの使用における問題への取り組みGO言語でプログラミングするとき、特にポインターの構文と使用を理解することが重要です...

GolangのLinux Iptablesリンクリストに操作を実装する方法は? GolangのLinux Iptablesリンクリストに操作を実装する方法は? Apr 02, 2025 am 10:18 AM

Golangを使用してLinuxを実装しています...

GOに効率的なキー値ペアストレージを実装する最良の方法は何ですか? GOに効率的なキー値ペアストレージを実装する最良の方法は何ですか? Apr 02, 2025 pm 01:54 PM

GO言語で効率的なキー価値ペアストレージを実装する正しい方法GO言語でRedisと同様のキー値ペアメモリを開発するときに最高のパフォーマンスを実現する方法...

Goでは、Printlnとstring()関数を備えた文字列を印刷すると、なぜ異なる効果があるのですか? Goでは、Printlnとstring()関数を備えた文字列を印刷すると、なぜ異なる効果があるのですか? Apr 02, 2025 pm 02:03 PM

Go言語での文字列印刷の違い:printlnとstring()関数を使用する効果の違いはGOにあります...

See all articles