react native 項目配置code push
本次項目的項目依賴關(guān)鍵包的版本如下：
react: 6.11.0,
react-native: 0.62.2,
react-native-code-push: ^6.2.1,
- 全局安裝code-push
npm install -g code-push-cli
- 安裝react native版的code-push插件
npm install --save react-native-code-push
配置IOS
- 進(jìn)入ios路徑下執(zhí)行如下命令：
pod install
- 在AppDelegate.m文件引入codepush
#import <CodePush/CodePush.h>
image.png
- 修改AppDelegate.m文件，查找一下代碼行，用于設(shè)置生產(chǎn)版本bridge的源URL:
return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
替換為 如下代碼：
return [CodePush bundleURL];
- 配置xcode愉舔，
注意茬底，使用的是.xcworkspace
添加Staging
添加codepus的key
debug可以不設(shè)置key
同理創(chuàng)建CODEPUSH_URL(我個人的項目填寫地址時，端口號后面不加 /疫向，加了就找不到) ！８灾埂Ｔ啦t∮德Γ?/li> - 進(jìn)入./ios/項目名/Info.plist中添加CodePushDeploymentKey和對應(yīng)的key，及修改成三位的版本號瞳筏。添加如下代碼：
<key>CFBundleVersion</key>
<string>1.0.0</string>
<key>CodePushDeploymentKey</key>
<string>$(CODEPUSH_KEY)</string>
<key>CodePushServerURL</key>
<string>$(CODEPUSH_URL)</string>
-
進(jìn)入Produce->Scheme->Edit Scheme,修改Archive中Build Configuration的值為Release
image.png - 運(yùn)行項目看下是否成功稚瘾，能啟動成功說明配置沒有問題
到此IOS端的CodePush配置完成，然后提交版本進(jìn)行測試即可姚炕。
Android配置code push
- 到./android/app/build.gradle 頭部引入codepush.gradle 和react.gradle
需注意： 查看js中是否已包含react.gradle摊欠，避免重復(fù)引入
apply from: "../../node_modules/react-native/react.gradle"
apply from: "../../node_modules/react-native-code-push/android/codepush.gradle"
- 到./android/app/src/main/java/com/項目名稱/MainApplication.java添加如下內(nèi)容
注意：只需要添加如下代碼 不需要添加其他
// 添加的內(nèi)容
@Override
protected String getJSBundleFile() {
return CodePush.getJSBundleFile();
}
加完之后的內(nèi)容
- 打開./android/app/src/main/res/values/strings.xml，添加如下內(nèi)容：
注意：0.62版本 “CodePushDeploymentKey”是固定的柱宦，就被這個名字坑了好久好久凄硼。。捷沸。
<string moduleConfig="true" name="CodePushDeploymentKey">你的DeploymentKey</string>
- 將./android/app/build.gradle文件中的defaultConfig對象下的versionName改為三位數(shù)
./android/app/build.gradle
- 檢查一下settings.gradle里是否加入了一下代碼
include ':react-native-code-push'
project(':react-native-code-push').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-code-push/android/app')
注意： 一定要修改rn項目下./node_modules/react-native-code-push/android/app/src/main/java/com/microsoft/codepush/react/CodePush.javamServerUrl地址摊沉。默認(rèn)是官網(wǎng)地址
image.png
實(shí)例
import codePush from 'react-native-code-push';
const DEPLOYMENT_KEY=Platform.OS==='ios'?' 你的 ios key ':你的 android key';
componentWillMount() {
codePush.disallowRestart();//禁止重啟
this.syncImmediate(); //開始檢查更新
}
componentDidMount(){
codePush.allowRestart(); //在加載完了，允許重啟
}
syncImmediate() {
codePush.sync( {
//安裝模式
//ON_NEXT_RESUME 下次恢復(fù)到前臺時
//ON_NEXT_RESTART 下一次重啟時
//IMMEDIATE 馬上更新
mandatoryInstallMode : codePush.InstallMode.IMMEDIATE,
deploymentKey: DEPLOYMENT_KEY,
//對話框
updateDialog : {
//是否顯示更新描述
appendReleaseDescription : true ,
//更新描述的前綴痒给。 默認(rèn)為"Description"
descriptionPrefix : "更新內(nèi)容：" ,
//強(qiáng)制更新按鈕文字说墨，默認(rèn)為continue
mandatoryContinueButtonLabel : "立即更新" ,
//強(qiáng)制更新時的信息. 默認(rèn)為"An update is available that must be installed."
mandatoryUpdateMessage : "必須更新后才能使用" ,
//非強(qiáng)制更新時，按鈕文字,默認(rèn)為"ignore"
optionalIgnoreButtonLabel : '稍后' ,
//非強(qiáng)制更新時苍柏，確認(rèn)按鈕文字. 默認(rèn)為"Install"
optionalInstallButtonLabel : '后臺更新' ,
//非強(qiáng)制更新時尼斧，檢查到更新的消息文本
optionalUpdateMessage : '有新版本了，是否更新试吁？' ,
//Alert窗口的標(biāo)題
title : '更新提示'
}
}
);
}
