npm 包 jpush-react-native-ext 使用教程
在移动互联网时代,推送服务是应用程序必备的功能之一。jpush 是一家专业的推送服务提供商,而 jpush-react-native-ext 是 jpush 推送服务在 react-native 上的一个 npm 包,本文将为大家介绍如何使用 jpush-react-native-ext 包进行推送服务。
1. 安装
yarn add jpush-react-native-ext
或者
npm install jpush-react-native-ext --save
2. 初始化
首先需要在 App.js 中进行模块的导入,因为在 App.js 中初始化了 jpush-react-native-ext 模块,而这个模块会一直存在于应用程序中,所以只需要在 App.js 中导入即可。
import JPush from 'jpush-react-native-ext';
初始化 jpush:
JPush.init();
3. 设置别名
别名用于标识一组人,比如一个应用有多种用户类型,那就可以使用别名来区分不同的用户类型,也可以用于给某一用户分组推送消息等。
JPush.setAlias(alias => { console.log(`set alias succeed, alias=${alias}`); });
4. 推送消息
-- -------------------- ---- ------- -- ------ ----------------------------- --- -- ------ ------- -------- ------------- ------ - ----- --------- ----- -------- -- --------- --- ---------------- - ---- --- -- ------ ----------------------- -------- ----------- ------- - ----- --------- ----- -------- -- ------ ------ ---
5. 接收消息
jpush-react-native-ext 包提供了两种方式接收推送消息。
5.1. 监听推送事件
-- -------------------- ---- ------- ------------------------------------------------------- -- - -------------------- ------ ---- -- ----------------------- --- ------------------------------------------------------------- -- - -------------------- ------------- -- -------------------------- --- -------------------------------------------------------------- -- - ----------------- ------------- -- ----------------------- ---
5.2. 接收推送消息后打开应用
在点击推送消息后,可以通过 Intent 来获取消息内容:
String jsonExtra = intent.getStringExtra(JPushInterface.EXTRA_EXTRA); String alertContent = intent.getStringExtra(JPushInterface.EXTRA_ALERT);
6. 总结
jpush-react-native-ext 提供了非常方便的推送服务,可以方便地进行消息推送、接收和处理。使用 jpush-react-native-ext 包可以让你的应用程序拥有更加完善的推送功能。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005601281e8991b448de116