React Native和OneSignal第1部分（iOS）

对于React Native，使用One Signal api进行远程通知非常轻松且舒适。 有非常简单的安装和配置步骤。 让我们开始;

• 创建一个React Native项目

  $ react-native init项目 

• 安装一个信号包并链接到项目

  $ npm install-保存react-native-onesignal 
  $ react-native链接react-native-onesignal 

如果您没有，请注册一个信号帐户。

在XCode中打开您的项目，然后转到“ 功能”标签，然后将“ 推送通知 ”设置为“开”

再次在“ 功能”选项卡中，找到“ 后台模式”并将其设置为“开”，然后选中“ 远程通知”

iOS推送证书

访问此页面并使用“自动配置工具”轻松创建证书。

下载.p12文件。

从OneSignal的“所有应用程序”页面中选择您的应用程序，然后转到“应用程序设置”，然后按Apple iOS设置右侧的配置。

上载之前导出的.p12文件

 从'react'导入React，{组件}; 
 从'react-native-onesignal'导入OneSignal；  //从节点模块导入包导出默认类App扩展了组件{constructor（properties）{ 
 超级（属性）; 
  OneSignal.init（“ YOUR_ONESIGNAL_APPID”）; OneSignal.addEventListener（'received'，this.onReceived）; 
  OneSignal.addEventListener（'opened'，this.onOpened）; 
  OneSignal.addEventListener（'ids'，this.onIds）; 
  } componentWillUnmount（）{ 
  OneSignal.removeEventListener（'received'，this.onReceived）; 
  OneSignal.removeEventListener（'opened'，this.onOpened）; 
  OneSignal.removeEventListener（'ids'，this.onIds）; 
  } onReceived（通知）{ 
  console.log（“收到通知：”，通知）; 
  } onOpened（openResult）{ 
  console.log（'Message：'，openResult.notification.payload.body）; 
  console.log（'Data：'，openResult.notification.payload.additionalData）; 
  console.log（'isActive：'，openResult.notification.isAppInFocus）; 
  console.log（'openResult：'，openResult）; 
  } onIds（设备）{ 
  console.log（'设备信息：'，设备）; 
  } 
  } 

您可以下载我们的React Native入门套件，其中包括一个信号

---

最初于 2018 年12月18日 发布在 hsplabs.com 上。