当前位置: 首页 > news >正文

使用web.dev提供的工具实现浏览器消息推送服务

文章目录

    • 前言
    • 实现工具和效果
    • 实现原理
    • 实现过程
      • 前端接收用户订阅请求将用户订阅信息更新到后端
      • 后端实现接收并保存订阅信息的接口
      • 后端实现消息推送的逻辑

前言

  对于电商独立站来说,新品上架或者促销活动上线及时通知到用户是很重要的,通知的渠道有很多,其中就包括浏览器消息推送。浏览器消息推送可以实现将自定义的浏览器通知消息(可含文字、图片、链接)推送给订阅了你网站浏览器消息的用户,这样用户打开电脑看到系统弹出的浏览器通知消息就可以点击跳转到你的活动介绍页,从而带来订单转化。

实现工具和效果

  这次我们使用的浏览器消息推送工具是web.dev网站的Push notifications,网站链接:官网文档(google服务需合理上网)。消息通知在PC端和手机端的效果如下图所示:
在这里插入图片描述

http://www.lryc.cn/news/473965.html

相关文章:

  • 计算机系统结构为什么用architecture 而不是structure?
  • sqoop问题汇总记录
  • Git 创建新的分支但清空提交记录
  • SQL PRIMARY KEY
  • 软件测试学习笔记丨Flask操作数据库-对象与数据模型
  • IntelliJ IDEA使用 MybatisX-Generator 插件 自动生成Entity+Mapper+Mapper.xml等代码
  • vue中如何为不同功能设置不同的默认打印设置(设置不同的打印机)
  • 经纬恒润INTEWORK-VBA新版本正式发布
  • 金蝶云数据集成至MySQL的高效解决方案
  • Day02 C++ 环境设置
  • AQS是什么
  • Spring IOC容器简介
  • 【backstopjs】入门安装环境
  • LocalDate 类常用方法详解(日期时间类)
  • kmp desktop实现excel预览
  • OB_GINS_day3
  • 【Python3】【力扣题】405. 数字转换为十六进制数
  • 记录一次企业外部通过ssh 连接数据库的事DBeaver
  • 中聚企服:中聚AI女娲大模型,企业难题迎刃而解!
  • 对镜像精简
  • 老电脑不能装纯净版windows
  • 在Python中实现一个简单的社交媒体应用
  • pytest高版本兼容test_data[“log“] = _handle_ansi(“\n“.join(logs))错误
  • Redis技术入门与实践指南
  • 如何一键完成20个Oracle实例运维脚本部署
  • 【C++刷题】力扣-#598-区间加法 II
  • 优雅的LUA数据记录方法-serpent序列化+LUA Table
  • 初始JavaEE篇——多线程(4):wait、notify,饿汉模式,懒汉模式,指令重排序
  • Apache Solr 身份认证绕过导致任意文件读取漏洞复现(CVE-2024-45216)
  • C#整合Ollama实现本地LLMs调用