引言
在现代的 web 应用程序中，当我们需要在 iOS Safari 上向用户推送消息时，我们可以使用 Safari 功能来构建 Apple 推送通知服务(APNs)。使用 Apple 推送通知服务的主要优点是，即使应用程序没有打开，也可以向用户发送通知。
为了实现在 Safari 中向用户推送通知的现代 API，我们可以使用 safari-push-notifications npm 包。本文将介绍如何使用该 npm 包和一个示例应用程序。
步骤 1：创建 Safari 推送代理和证书
首先，我们需要创建一个 Apple Developer 帐户并创建一个在该帐户下的网站。这个网站将用作 Safari 推送代理。您需要在 Apple Developer 网站中请求创建 Safari 推送证书。
生成 Safari 推送证书有多个步骤。Apple 提供了一个完整的指南，其中包含所有必要的详细信息。您可以调查以下链接来获取证书：
步骤 2：设置 npm
如果您还没有 npm 环境，请先安装。使用以下指令安装：
npm install
启动即时编译：
npm start
步骤 3：设置推送服务
让我们来看看如何启动一个基本的 Push 服务，使用以下代码：
-- -------------------- ---- -------
------ - -- ------- ---- ----------
------ - -- ------- ---- -----------
------ - -- ---------- ---- --------------
----- --- - ----------
----- --------- - ----------------------------
----- ------- - -
---------- ---
------------- -
-------- -----------------
---------- --------------------
----------- --------------------
-
--
-----------------------------------------
------------------------
--------------------------
--------------------
--------------------
--
---------------------------
---------------------- ----- ---- -- -
----- ------------ - ---------
-------------------------
----- ---------- - ----------------
------ ----- ------------- -----
---
-------------------------------------- ----------- ---------
---
---------------- -- -- -
------------------- ------- -- ---- --------
---现在，当客户端应用程序订阅推送服务时，将会向服务器发送一条 POST 请求。
步骤 4：添加前端逻辑
然后在前端添加客户端逻辑，使用 safari-push-notifications npm 包。以下是示例代码：
-- -------------------- ---- -------
----- ----- - -
---------------------- -------------- -- -
----- ------- - ------------- - ------------------- - -- - ---
----- ------ - ------------- - ---------------------- ------------------ -----
----- ------- - --------------------
----- ----------- - --- ---------------------------
--- ---- - - -- - - --------------- ---- -
-------------- - ----------------------
-
------ ------------
-
--
----- ------------ - -
----------------------------------- -- -- -
------ -------- -- ------ -- ------------------ -- --------------
--
------------------------ -- -- -
------ ------------------------------ -- ------------------------------------------------------------------ --- ----------
--
-------------------- ---------- -- -
----- -------------- - -
-------------- ---------------------------
--------------- -----------------------
--
-------------------------------------------------
----------------------
---------------
---------------- -- -
-- --------------- -- ------------------------- --- ---------- -
----------------------------------------------------------- -----
-
-
--
-
--
-- -------------------------------------------------- -- ---------------------------------------- -
---------------------------------------------- -- -
------------------- -
------- -------
-------- -
--------------- ------------------
--
----- ----------------
--------- ----------------------------------------------------
----- -
----- ---
------- --
-
--
---------- -- -
----------------- ------- --------------
---------------- -- -
---------------------
---
---
-现在，我们已经成功将推送模块集成到了我们的应用程序中。我们已经创建了一个基本的 Push 服务，并将其集成到我们的前端代码中。
结论
在本文中，我们演示了如何使用 npm 包 safari-push-notifications 添加推送模块到我们的应用程序中。我们还创建了一个基本的 Push 服务，并将其集成到前端代码中。希望这篇文章对您有所帮助，能够让您更好地理解如何使用 npm 包 safari-push-notifications。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57757