12、增强 PWA 新闻应用与推送通知实现

增强 PWA 新闻应用与推送通知实现

增强 PWA 新闻应用

在之前的操作中，数据仍然存在，因为我们尚未向服务工作线程添加处理它的代码，接下来将完成这一工作。

完善服务工作线程

最后一步是完成对服务工作线程的增强，使其能够处理反馈队列。具体操作如下：
1. 在服务工作线程中添加对新 db.js 文件的引用。
2. 完成服务工作线程同步事件监听器中的代码。
3. 在项目的 db.js 文件中添加两个函数。

首先，打开项目的 public\sw.js 文件，在文件顶部添加以下代码：

// 服务器反馈 API 端点
const FEEDBACK_URL = `${self.location.origin}/api/sentiment`;

此服务工作线程将使用该常量在处理反馈时连接到服务器。

接着，在 install 事件监听器中调用 skipWaiting() 之前添加以下代码：

self.importScripts('./js/db.js');

由于服务工作线程与 Web 应用在不同的进程中运行，它并不知道你已在反馈页面中加载了数据库库，因此必须在服务工作线程中显式加载。添加后的代码如下：