iOS 网页推送 - 概述与工作原理

Apple 宣布自 iOS 16.4 起正式支持网页推送。无需移动应用即可发送推送通知，这一点非常实用，如今在 iOS 上也能做到了，尽管仍存在一些限制。

本指南将介绍 iOS 上网页推送的要求及其工作原理。

要求

FlareLane 全面支持 iOS 网页推送。要使用该功能，您的网站必须满足以下所有条件：

已集成 FlareLane 网页推送 SDK
已创建并应用 manifest.json 文件
通过「添加到主屏幕」所添加的 Web 应用访问网站

集成步骤

1. 集成 FlareLane 网页推送 SDK

借助 FlareLane SDK，实现网页推送非常简单。请按照以下指南创建 FlareLane 项目并集成网页推送。

Web SDK

2. 创建并应用 manifest.json 文件

Web App Manifest 文件是一个 JSON 文件，用于定义应用名称、图标等将网站转换为 Web 应用所需的属性。

该文件必须至少包含以下所有值。请根据您的服务调整名称、图标等具体内容，然后创建并上传该文件。

manifest.json

{
    "name": "FlareLane",
    "icons": [{
        "src": "/icon-192x192.png",
        "sizes": "192x192",
        "type": "image/png"
    }],
    "display": "fullscreen"
}

在您网站的 <head> 标签内插入以下代码，以链接上传的文件。

index.html

<link rel="manifest" href="/manifest.json" />

3. 通过添加到主屏幕的 Web 应用访问

对于满足以上两个条件的网站，用户必须通过点击「添加到主屏幕」将该 Web 应用添加到设备上。当用户通过此 Web 应用重新打开网站时，系统会提示其允许接收通知。

iOS Safari 分享菜单中显示「添加到主屏幕」选项

4. 订阅网页推送

当用户通过上一步添加到主屏幕的 Web 应用重新打开网站时，系统会自动弹出请求通知权限的提示。

打开主屏幕 Web 应用时显示的 iOS 通知权限提示