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

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

news 2026/4/4 5:19:36

文章目录

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

前言

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

实现工具和效果

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

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

文章目录前言实现工具和效果实现原理实现过程前端接收用户订阅请求将用户订阅信息更新到后端后端实现接收并保存订阅信息的接口后端实现消息推送的逻辑前言对于电商独立站来说，新品上架或者促销活动上线及时通知到用户是很重要的，通知的渠道有很多，其中就包括浏览器消息推…...

编程日记 2024/11/1 16:26:10

计算机系统结构为什么用architecture 而不是structure?

architecture本意是建筑学、建筑艺术，其含义就是建筑的样子和背后的设计思想，用于计算机科学可以表达计算机的系统结构和后面的设计原理：它长什么样？它为什么长这样？ 与architecture 对应的词是structure &#xff08…...

编程日记 2024/11/1 16:25:09

sqoop问题汇总记录

此篇博客仅记录在使用sqoop时遇到的各种问题。持续更新，有问题评论区一起探讨，写得有不足之处见谅。 Oracle_to_hive 1. main ERROR Could not register mbeans java.security.AccessControlException: access denied ("javax.management.MBeanTr…...

编程日记 2024/11/1 16:22:06

Git 创建新的分支但清空提交记录

有时候需要创建新的分支，但是原有分支的提交非常多，不好区分哪些是创建分支之后的提交。那么就把原分支的提交全部去掉要从分支1 创建分支2，并确保分支2 不包含任何提交历史，同时文件与分支1 的最后一次提交一致&#xff0…...

编程日记 2024/11/1 16:19:03

SQL PRIMARY KEY

SQL PRIMARY KEY 概述在关系型数据库中，主键（PRIMARY KEY）是一个非常重要的概念。它是表中每一行数据的唯一标识符，用于保证数据的完整性和准确性。本文将详细介绍SQL中的主键，包括其定义、作用、如何创建和修改主键…...

编程日记 2024/11/1 16:17:00

软件测试学习笔记丨Flask操作数据库-对象与数据模型

本文转自测试人社区，原文链接：https://ceshiren.com/t/topic/23440 对象与数据模型数据模型：是数据特征的抽象，抽象层次上描述了系统的静态特征、动态行为和约束条件，为数据库系统的信息表示与操作提供一个抽象的框架…...

编程日记 2024/11/1 16:15:59

IntelliJ IDEA使用 MybatisX-Generator 插件自动生成Entity+Mapper+Mapper.xml等代码

一、Intellij安装MybatisX插件： 首先点击 Intellij->Preference->Plugins，然后搜索MybatisX，点击安装： 2 打开数据库在IntelliJ IDEA 连接Mysql数据库，选择表，点击右键，选择 Mybatis…...

编程日记 2024/11/1 16:08:50

vue中如何为不同功能设置不同的默认打印设置（设置不同的打印机）

浏览器自带的window.print 功能较简单，这里使用LODOP露肚皮打印以下是vue2示例： 从官网中下载Lodop和C-Lodop官网主站安装包并安装到本地电脑可以全局搜索电脑找到安装文件LodopFuncs.js，也可以直接复制我贴出来的文件 //用双端口加载主JS…...

编程日记 2024/11/1 16:07:49

经纬恒润INTEWORK-VBA新版本正式发布

在汽车电子研发领域，随着开发测试的深入，工程师们常常面临着一个共同的问题：如何高效地在多样化的开发测试场景中切换，并确保不同工具间的紧密协作。不同场景、不同工具的切换与使用给工程师带来高昂的学习成本和前后端信息传递的…...

编程日记 2024/11/1 16:06:48

金蝶云数据集成至MySQL的高效解决方案

金蝶云数据集成至MySQL的高效解决方案金蝶云星空数据集成到MySQL的技术案例分享在企业信息化过程中，数据的高效集成和管理是关键环节。本文将聚焦于一个具体的系统对接集成案例：金蝶云星空的数据如何通过轻易云数据集成平台无缝对接到MySQL数据库。本…...

编程日记 2024/11/1 16:03:45

Day02 C++ 环境设置

2024.11.1 C 环境设置如果您想要设置 C 语言环境，需要确保电脑上有以下两款可用的软件，文本编辑器和 C 编译器。一、文本编辑器通过编辑器创建的文件通常称为源文件，源文件包含程序源代码。 C 程序的源文件通常使用扩展名 .cpp、.cp 或…...

编程日记 2024/11/1 16:02:44

AQS是什么

AQS：AbstructQueuedSynchronizer是java.util.concurrent.locks包中的一个类，是多线程同步器，J.U.C包中的多个组件的底层实现都使用到了它。如：Lock、CountDownLatch、Semaphore. 从本质上来说AQS实现了两种机制的锁，排…...

编程日记 2024/11/1 16:00:42

Spring IOC容器简介

Spring IoC（Inversion of Control，控制反转）容器是Spring框架的核心组件之一，负责管理应用程序中的对象及其依赖关系。IoC容器通过依赖注入（Dependency Injection，DI）实现对象的创建、配置和管理…...

编程日记 2024/11/1 15:59:40

1.首先全局安装BackstopJS npm install -g backstopjs 安装失败,常见报错&解决办法： 报错： (venv) D:\workspace\Otaku\backstop>npm install -g backstopjs npm warn deprecated inflight1.0.6: This module is not supported, and leaks mem…...

编程日记 2024/11/1 15:58:38

LocalDate 类常用方法详解(日期时间类)

LocalDate 类常用方法详解 LocalDate 是 Java 8 引入的日期时间API中的一个类，用于表示不含时间和时区的日期（年、月、日）。以下是一些常用的 LocalDate 方法： 创建 LocalDate 实例 now()：获取当前日期 LocalDate t…...

编程日记 2024/11/1 15:57:37

kmp desktop实现excel预览

先将excel转paf https://blog.csdn.net/qq_42761569/article/details/121699594 package utilimport com.aspose.cells.License import com.aspose.cells.PdfSaveOptions import com.aspose.cells.Workbook import com.geolo.desktop.common.utils.LogUtils import java.io.Fi…...

编程日记 2024/11/1 15:55:33

OB_GINS_day3

这里写目录标题实现当前状态初始化实现预积分的初始化由于此时preintegration_options 是3（也就是考虑odo以及earth rotation）为预积分的容器添加需要积分的IMU积分因子接下来是添加新的IMU到preintegration中实现当前状态初始化这个state_curr的主要…...

编程日记 2024/11/1 15:53:31

【Python3】【力扣题】405. 数字转换为十六进制数

【力扣题】题目描述： 题意理解：（不允许使用库函数） 数字等于0，则结果为0， 数字小于0，则补码运算，即最高位（32位）为1，其余全部取反，再加…...

编程日记 2024/11/1 15:51:29

记录一次企业外部通过ssh 连接数据库的事DBeaver

情况大概是这样，公司算法供应商开通了连接某个服务器A的权限，但是数据库x是在另一台服务器B上。直接通过外部连接数据库是不行的，需要借用服务器A来进行访问x 使用软件：DBeaver, 数据库x类型：oracle 需要的信息&am…...

编程日记 2024/11/1 15:50:28

中聚企服：中聚AI女娲大模型，企业难题迎刃而解！

在这个瞬息万变的商业世界里，企业面临的挑战愈发复杂多样。小到日常文书和规章制度，大到工商财税和知识产权保护，每一个环节都至关重要。为了帮助中小企业在激烈的市场竞争中脱颖而出，中聚企服在官方小程序重磅上线了一款革命性产…...

编程日记 2024/11/1 15:49:27

LabVIEW 多列列表框操作库可直，超快多列列表框功能： 1.创建列表框类 2.插入行：...

LabVIEW 多列列表框操作库可直，超快多列列表框功能： 1.创建列表框类 2.插入行：可自动补足空白行 3.替换单元格：根据行列替换单元格列自动调整宽度 5.设置列内容对齐方式，靠左对齐、靠右对齐、居中对齐 6.清除所有内…...

编程新知 2026/4/4 5:12:57

OpenClaw+Qwen3-14B私有镜像实战：飞书机器人自动回复配置指南

OpenClawQwen3-14B私有镜像实战：飞书机器人自动回复配置指南 1. 为什么选择这个组合？ 上周三凌晨2点，我被飞书消息提示音吵醒——团队新人又在加班调试代码。这已经是本周第三次了。作为技术负责人，我意识到需要一种更智能的解决…...

编程新知 2026/4/4 4:26:04

Windows Defender一键移除工具：终极完整指南，三步彻底关闭系统安全防护

Windows Defender一键移除工具：终极完整指南，三步彻底关闭系统安全防护【免费下载链接】windows-defender-remover A tool which is uses to remove Windows Defender in Windows 8.x, Windows 10 (every version) and Windows 11. 项目地址: https:/…...

编程新知 2026/4/4 2:27:17