search
HomeBackend DevelopmentGolangGo language implementation based on websocket browser notification function

Go language implementation based on websocket browser notification function

When we use websocket technology to push visitor arrival messages in real time, we can only know that visitors have arrived by looking at the page at any time without leaving.

Now add the notification message of the browser. You can just open the interface without staring at it all the time. You can just do other things. New messages will pop up from the lower right corner.

The test address is as follows. When there is a visitor When you click the consultation button, a prompt will pop up in the customer service backend:

https://gofly.sopans.com/index

First of all, let’s be clear. Notifications can only be used in an https environment. If it is not https, browser notifications cannot be used. Notification.permission returns a prohibition.

  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();

});

The websocket part is to listen to the onmessage method and make distinctions based on the returned json message fields. You need to define it yourself, or you can refer to the source code of the above address

Related learning recommendations: Go language tutorial

The above is the detailed content of Go language implementation based on websocket browser notification function. For more information, please follow other related articles on the PHP Chinese website!

Statement
This article is reproduced at:jb51. If there is any infringement, please contact admin@php.cn delete
Go vs. Other Languages: A Comparative AnalysisGo vs. Other Languages: A Comparative AnalysisApr 28, 2025 am 12:17 AM

Goisastrongchoiceforprojectsneedingsimplicity,performance,andconcurrency,butitmaylackinadvancedfeaturesandecosystemmaturity.1)Go'ssyntaxissimpleandeasytolearn,leadingtofewerbugsandmoremaintainablecode,thoughitlacksfeatureslikemethodoverloading.2)Itpe

Comparing init Functions in Go to Static Initializers in Other LanguagesComparing init Functions in Go to Static Initializers in Other LanguagesApr 28, 2025 am 12:16 AM

Go'sinitfunctionandJava'sstaticinitializersbothservetosetupenvironmentsbeforethemainfunction,buttheydifferinexecutionandcontrol.Go'sinitissimpleandautomatic,suitableforbasicsetupsbutcanleadtocomplexityifoverused.Java'sstaticinitializersoffermorecontr

Common Use Cases for the init Function in GoCommon Use Cases for the init Function in GoApr 28, 2025 am 12:13 AM

ThecommonusecasesfortheinitfunctioninGoare:1)loadingconfigurationfilesbeforethemainprogramstarts,2)initializingglobalvariables,and3)runningpre-checksorvalidationsbeforetheprogramproceeds.Theinitfunctionisautomaticallycalledbeforethemainfunction,makin

Channels in Go: Mastering Inter-Goroutine CommunicationChannels in Go: Mastering Inter-Goroutine CommunicationApr 28, 2025 am 12:04 AM

ChannelsarecrucialinGoforenablingsafeandefficientcommunicationbetweengoroutines.Theyfacilitatesynchronizationandmanagegoroutinelifecycle,essentialforconcurrentprogramming.Channelsallowsendingandreceivingvalues,actassignalsforsynchronization,andsuppor

Wrapping Errors in Go: Adding Context to Error ChainsWrapping Errors in Go: Adding Context to Error ChainsApr 28, 2025 am 12:02 AM

In Go, errors can be wrapped and context can be added via errors.Wrap and errors.Unwrap methods. 1) Using the new feature of the errors package, you can add context information during error propagation. 2) Help locate the problem by wrapping errors through fmt.Errorf and %w. 3) Custom error types can create more semantic errors and enhance the expressive ability of error handling.

Security Considerations When Developing with GoSecurity Considerations When Developing with GoApr 27, 2025 am 12:18 AM

Gooffersrobustfeaturesforsecurecoding,butdevelopersmustimplementsecuritybestpracticeseffectively.1)UseGo'scryptopackageforsecuredatahandling.2)Manageconcurrencywithsynchronizationprimitivestopreventraceconditions.3)SanitizeexternalinputstoavoidSQLinj

Understanding Go's error InterfaceUnderstanding Go's error InterfaceApr 27, 2025 am 12:16 AM

Go's error interface is defined as typeerrorinterface{Error()string}, allowing any type that implements the Error() method to be considered an error. The steps for use are as follows: 1. Basically check and log errors, such as iferr!=nil{log.Printf("Anerroroccurred:%v",err)return}. 2. Create a custom error type to provide more information, such as typeMyErrorstruct{MsgstringDetailstring}. 3. Use error wrappers (since Go1.13) to add context without losing the original error message,

Error Handling in Concurrent Go ProgramsError Handling in Concurrent Go ProgramsApr 27, 2025 am 12:13 AM

ToeffectivelyhandleerrorsinconcurrentGoprograms,usechannelstocommunicateerrors,implementerrorwatchers,considertimeouts,usebufferedchannels,andprovideclearerrormessages.1)Usechannelstopasserrorsfromgoroutinestothemainfunction.2)Implementanerrorwatcher

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool