介绍
ember-push 是一个 Ember.js 的插件，它提供了一种简单的方式来实现基于 Web Push 的通知推送。它使用了 Pusher 作为消息中间件，并提供了一套完整的 API 来管理注册、订阅和取消订阅功能。
安装
安装 ember-push 只需要使用 npm：
npm install --save ember-push
使用
初始化 Pusher
在使用 ember-push 之前，你需要先注册一个 Pusher 账户，并在你的应用中初始化 Pusher。你可以在你的 config/environment.js 文件中加入以下内容以初始化 Pusher：
-- -------------------- ---- -------
--- --- - -
-- ---
------- -
---- ------------------
-------- -
-- ------ -------- ------- -- ----
-
-
-你需要将 your-pusher-key 替换为你的 Pusher 应用的 API Key。
注意： 当你将
pusher添加到ENV中时，ember-push将自动登录并在后台进行处理。
注册和订阅
在你的终端中执行以下命令来生成一个新的注册和订阅组件：
ember generate ember-push my-component
这将会添加一个新的组件 my-component 到你的 app/components 文件夹中，并在模板中进行了订阅操作：
-- -------------------- ---- -------
------ ----- ---- --------
------ ----------- ---- ---------------------------
------ ------------------ ---- ----------------------------------
------ ------- ----------------------------------- ------------------- -
------------ -------------
----- ---------- -
----------------------- -----------
-----------------
-
---你可以打开 app/components/my-component.js 文件并修改 channelName 和其他的变量来适应你的需求。下面是一个更加详细的示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ ----------- ---- ---------------------------
------ ------------------ ---- ----------------------------------
------ ------- ----------------------------------- ------------------- -
------------ -------------
----- ---------- -
----------------------- -----------
-----------------
--
------------- -------------
-------- -------------- -
-- ---------
-
---在组件中的 pusherEvents 数组中添加事件名称，然后在组件中创建相关的方法，这样你就可以直接在方法中处理推送数据了。
总结
ember-push 是一个非常方便的 Ember.js 插件，它为我们提供了一种简单而易用的方式来实现基于 Web Push 的通知推送。本篇文章主要介绍了如何使用 ember-push，你可以根据自己的需求来进行配置和开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e18a563576b7b1ecb47