你好！

很高兴看到你回来，这意味着你成功通过了认证部分。令人惊叹的！

如果没有，请继续阅读本博客或后退一步查看验证部分。

SAPUI5 FIREBASE博客系列：

正如我在上一篇博客中提到的，我们添加了验证部分。

现在我们可以请求登录用户向其浏览器发送通知的权限。

现在我们希望接收通知关于发货。当我们专注于应用程序时，我们希望收到通知，但当我们在浏览器的其他选项卡中工作时，何为大数据，我们也希望收到通知。

实际上，我们都在想如何做到这一点。所以让我停止解释为什么，因为我们都知道自己对何时使用它们的要求。在这种情况下，大数据分析培训，我只能说一件事……

我们将通过编写一些代码和添加一些文件来完成一些步骤。

有些部分可能有点难以理解，但不要担心。你需要知道的一切都被详细解释：

好的，所有的信息共享设置和良好的去！

1. 添加Firebase云消息JS SDK

此消息SDK将添加到我们的索引.html文件。在这里，我们还导入了Firebase应用程序、Firestore和身份验证SDK。

添加以下消息传递SDK:

2。添加Google云消息发送者id

我们将此发送者id添加到我们的清单.json文件在顶部。（您可以使用此id）

此id可在设置JavaScript Firebase云消息客户端应用程序上找到。

3。创建firebase消息-软件js文件

这是一个服务工作者文件，将由消息服务搜索。

将其放在文件夹结构的根目录：

在这里我们将做一些事情：

为服务工作者导入所需的firebase应用程序和消息服务。再次添加firebase配置并初始化它。创建一个FCM引用。

您的firebase messaging sw js文件应如下所示：

现在该文件已创建，firebase配置已初始化，我们已设置完毕。

4。在中设置消息传递引用火基.js文件

就像我们之前添加了Firestore和身份验证引用一样，我们现在希望在火基.js文件。我们这样做：

现在我们可以通过firebaseModel访问我们的消息服务。

5。请求发送通知的权限

我们在组件.js文件。这在我们之前创建的onAuthStateChanged observer中。

我们在登录时在onAuthStateChanged observer中执行。因此，只有登录的用户才能授予我们权限，因此我们将只向登录的用户发送与装运相关的通知。

我们需要做的第一件事是将"this"绑定到我们的观察者：

这是因为我们将在观察者中使用this引用。

下一件事是请求权限。

获取消息"firebaseModel"的属性引用。（这就是我们将‘this’绑定到观察者的位置和原因。我们请求许可，并记录我们是否有许可。如果我们有权限，我们将获得一个FCM消息令牌并将其记录到控制台。

像这样（在If（user）语句中）：

6。前台接收通知

现在我们有了令牌，靠谱云服务器，我们可以通过添加onMessage函数，对接收到的消息执行任何操作。仍处于组件.jsrequestPermission函数下的文件。

此函数将处理前台的通知。因此，当我们专注于我们的应用程序标签。在某些情况下，您不希望在前台显示通知或以其他方式处理此传入消息。无论您想用它做什么，这都发生在onMessage函数中。因此前台处理程序

在本例中，淘客返利系统，我们将只显示通知。

解析接收到的JSON负载。将收到的消息记录到控制台。获取标题和通知选项使用title和options属性创建新的通知对象。返回通知。

这是通过添加以下代码：

当我们现在发送通知的消息将显示在前台。

所以你的完整组件.js文件初始化函数应该如下所示：

7。在后台接收通知

要在后台接收通知（而不是在当前选项卡上的应用程序中，或在浏览器最小化的情况下），我们需要更新firebase messaging sw js文件。

这是通过添加setBackgroundMessageHandler功能来实现的。

此功能可以明显地处理在后台接收的消息。

我们将通知记录到控制台。我们解析内容。设置标题和选项。通过调用self.registarion.showNotification文件. （显示通知的默认浏览器功能）

如您所见，我们为图标属性添加了前缀。此前缀用于构建我们要在通知中显示的图像的路径。

稍后当我们发送消息时，我们会将图像名称添加到有效负载。

但我们需要将图像id添加到我们的webapp文件夹。

因此请将其放在此处：

8。获取服务器令牌

要发送需要服务器令牌的通知，可以在Firebase控制台中找到该服务器令牌。这在项目设置->云消息->服务器令牌下进行。

9。获取您的接收器令牌

接下来您需要一个接收器，此接收器令牌是您在组件.js文件。记住密码：

所以这个令牌就是你发送给的令牌。

所以让我们来获取这个令牌。运行应用程序的时间。

当您运行应用程序时，应用程序将请求您的许可发送通知。我们当然会允许的。

接下来我们打开控制台，我们会看到我们有权发送通知，好淘客，我们的接收令牌被记录。

（我隐藏了一部分密钥，它比你看到的长）

10。发送通知

可以通过多种方式发送通知。

您可以使用：

CURL命令发送通知邮递员

这里有一个CURL示例：