Websocket 브라우저 알림 기능을 기반으로 Go 언어 구현
웹소켓 기술을 사용하여 방문자 도착 메시지의 실시간 푸시를 구현하지만 방문자가 떠나지 않고 언제든지 페이지를 보고 도착했는지만 알 수 있는 경우
이제 브라우저 알림 메시지를 추가하면 다음과 같은 작업을 수행할 수 있습니다. 그냥 열어보세요 인터페이스를 계속 쳐다볼 필요 없이 다른 일을 하시면 됩니다. 오른쪽 하단에 새로운 메시지가 뜹니다
테스트 주소는 방문자가 상담 버튼을 클릭하면 다음과 같습니다. 고객 서비스 배경에 프롬프트가 나타납니다:
https:/ /gofly.sopans.com/index
우선 현재 알림은 https가 아닌 환경에서만 사용할 수 있다는 점을 분명히 하겠습니다. https, 브라우저 알림을 사용할 수 없습니다.Notification.permission은 allowed
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제









Go Language의 부동 소수점 번호 작동에 사용되는 라이브러리는 정확도를 보장하는 방법을 소개합니다.

GO의 어떤 라이브러리가 대기업이나 잘 알려진 오픈 소스 프로젝트에서 개발 했습니까? GO에 프로그래밍 할 때 개발자는 종종 몇 가지 일반적인 요구를 만납니다.

Go Crawler Colly의 대기열 스레딩 문제는 Colly Crawler 라이브러리를 GO 언어로 사용하는 문제를 탐구합니다. � ...

Go Language의 문자열 인쇄의 차이 : println 및 String () 함수 사용 효과의 차이가 진행 중입니다 ...

Go Pointer Syntax 및 Viper Library 사용의 문제 해결 GO 언어로 프로그래밍 할 때 특히 포인터의 구문 및 사용법을 이해하는 것이 중요합니다.

GO의지도 반복이 왜 모든 값이 마지막 요소가되게합니까? Go Language에서 인터뷰 질문에 직면했을 때, 당신은 종종지도를 만납니다 ...

GO 언어에서 구조를 정의하는 두 가지 방법 : VAR과 유형 키워드의 차이. 구조를 정의 할 때 Go Language는 종종 두 가지 다른 글쓰기 방법을 본다 : 첫째 ...

Go Language Slice Index : 오류없이 단일 요소 슬라이스가 인덱스 1에서 차단하는 이유는 무엇입니까? Go Language에서 슬라이스는 바닥을 참조 할 수있는 유연한 데이터 구조입니다 ...
