面向

用RN開發iOS的小伙伴，并且想使用RN的熱更新功能，又不想在一大堆文檔里翻來覆去的，可以看看這個簡易版。覺得不錯的話可以點個贊或關注。附上詳細版。

主要步驟

安裝App Center CLI： npm install -g appcenter-cli

創建App Center帳戶或使用appcenter login命令通過CLI登錄。這將啟動一個瀏覽器，要求您使用GitHub或Microsoft帳戶進行身份驗證。經過身份驗證后，它將創建一個“鏈接”到您的GitHub / MSA身份的CodePush帳戶，并生成一個訪問密鑰，您可以將其復制/粘貼到CLI中以便登錄。

在部署更新之前，您必須使用以下命令使用App Center創建應用程序： appcenter apps create -d <appDisplayName> -o <operatingSystem> -p <platform>

例子: appcenter apps create -d MyApp-Android -o Android -p React-Native appcenter apps create -d MyApp-iOS -o iOS -p Cordova 復制代碼

貼士：將你要操作的應用程序設置為當前應用程序使用，省事。appcenter apps set-current <ownerName>/<appName>。 這樣可以把appcenter codepush deployment list -a <ownerName>/<appName>可以將命令縮短為appcenter codepush deployment list

使用CodePush，應用程序自動進行兩次部署（Staging和Production）。在App Center中，您必須使用以下命令自行創建它們：

appcenter codepush deployment add -a <ownerName>/<appName> Staging appcenter codepush deployment add -a <ownerName>/<appName> Production 復制代碼

創建部署后，您可以使用這兩種部署訪問部署密鑰，用于配置兩種部署環境。 appcenter codepush deployment list --displayKeys

安裝RNPM

步驟說明

安裝	$ npm install rnpm -g
安裝依賴	如果要安裝依賴項并在一次運行中鏈接它：$ rnpm install <name>
鏈接依賴	如果您已經安裝了模塊（但未鏈接），請運行：$ rnpm link

安裝插件（iOS）

步驟說明

步驟一	自React Native v0.27起，rnpm link已經合并到React Native CLI中。在項目中簡單地運行：react-native link react-native-code-push
步驟二	系統將提示您輸入要使用的部署密鑰。如果您還沒有它，可以通過運行code-push deployment ls <appName> -k檢索，或者您可以選擇忽略它（通過簡單地點擊<ENTER>）并在以后添加它。首先，我們建議您只使用Staging部署密鑰，以便可以端到端地測試CodePush。

基本使用如下

import codePush from "react-native-code-push";export default class App extends React.Component {componentDidMount() {codepush.sync({ installMode: codepush.InstallMode.IMMEDIATE });}render() {return (<View style={{ backgroundColor: 'white', height: 100, marginTop: 100 }}><TouchableOpacity onPress={this.onButtonPress}><Text style={{ color: 'red' }}>Check for updates</Text></TouchableOpacity><Text style={{ marginTop: 30 }}>測試文本</Text></View>)}onButtonPress() {codepush.sync({updateDialog: true,installMode: codepush.InstallMode.IMMEDIATE});} } let codePushOptions = { checkFrequency: codepush.CheckFrequency.MANUAL }App = codepush(codePushOptions)(App)復制代碼

最后，在設備上編譯一下，這里我只試過真機，然后你可以把‘測試文本’改為‘測試文本更改’，然后發布更新 appcenter codepush release-react

沒有指定當前應用程序的用這個：

appcenter codepush release-react -a <ownerName>/<appName>appcenter codepush release-react -a <ownerName>/MyApp-iOS appcenter codepush release-react -a <ownerName>/MyApp-Android 復制代碼

然后就可以看效果啦。

轉載請注明出處。

轉載于:https://juejin.im/post/5c7e27dee51d457c54732e92

總結

以上是生活随笔為你收集整理的[React Native]使用App Center CLI发布CodePush更新--iOS简易版的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。