React Native JPush component for Android and iOS
npm install @kafudev/jpush-react-native
npm install jpush-react-native --save
`
* 注意:如果项目里没有jcore-react-native,需要安装
`
npm install jcore-react-native --save
`
安装完成后连接原生库
进入到根目录执行
react-native link
或
react-native link jpush-react-native
react-native link jcore-react-native
2. 配置
$3
* build.gradle
`
android {
defaultConfig {
applicationId "yourApplicationId" //在此替换你的应用包名
...
manifestPlaceholders = [
JPUSH_APPKEY: "yourAppKey", //在此替换你的APPKey
JPUSH_CHANNEL: "yourChannel" //在此替换你的channel
]
}
}
`
`
dependencies {
...
implementation project(':jpush-react-native') // 添加 jpush 依赖
implementation project(':jcore-react-native') // 添加 jcore 依赖
}
`
* setting.gradle
`
include ':jpush-react-native'
project(':jpush-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/jpush-react-native/android')
include ':jcore-react-native'
project(':jcore-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/jcore-react-native/android')
`
* AndroidManifest.xml
`
android:name="JPUSH_CHANNEL"
android:value="${JPUSH_CHANNEL}" />
android:name="JPUSH_APPKEY"
android:value="${JPUSH_APPKEY}" />
`
$3
注意:您需要打开ios目录下的.xcworkspace文件修改您的包名
$3
`
pod install
`
* 注意:如果项目里使用pod安装过,请先执行命令
`
pod deintegrate
`
$3
* Libraries
`
Add Files to "your project name"
node_modules/jcore-react-native/ios/RCTJCoreModule.xcodeproj
node_modules/jpush-react-native/ios/RCTJPushModule.xcodeproj
`
* Capabilities
`
Push Notification --- ON
`
* Build Settings
`
All --- Search Paths --- Header Search Paths --- +
$(SRCROOT)/../node_modules/jcore-react-native/ios/RCTJCoreModule/
$(SRCROOT)/../node_modules/jpush-react-native/ios/RCTJPushModule/
`
* Build Phases
`
libz.tbd
libresolv.tbd
UserNotifications.framework
libRCTJCoreModule.a
libRCTJPushModule.a
``