Code Push是微軟提供的一套可以熱更新React Native的服務。可以使用微軟的服務器也可以自己部署服務器。

1.安裝Code Push

使用命令npm install -g code-push-cli安裝Code Push。

2.註冊Code Push賬號

在終端輸入code-push register就會跳轉到授權網頁，授權完成後，CodePush會顯示你的Access Key，復制輸入到終端即可完成註冊並登陸。

（如果不輸入code-push logout退出登錄命令，登錄狀態會一直有效）

3.在終端輸入code-push app add <appName> <os> <platform>即可完成創建項目。

4.在要集成的項目輸入npm install --save react-native-code-push下載code-push到項目，然後分別集成到IOS、Android，項目中填寫創建項目的Key。

5.在React Native根組件componentDidMount中添加更新代碼

codePush.checkForUpdate(deploymentKey).then((update) => {
                            if (!update) {
                                Alert.alert("提示", "已是最新版本--", [
                                    {
                                        text: 
 
"Ok", onPress: () => {
                                        console.log("點了OK");
                                    }
                                    }
                                ]);
                            } else {
                                codePush.sync({
                                        deploymentKey: deploymentKey,
                                        updateDialog: {
                                            optionalIgnoreButtonLabel: 
 
‘稍後‘,
                                            optionalInstallButtonLabel: ‘立即更新‘,
                                            optionalUpdateMessage: ‘有新版本了，是否更新？‘,
                                            title: ‘更新提示‘
                                        },
                                        installMode: codePush.InstallMode.IMMEDIATE,

                                    },
                                    (status) => {
                                        switch (status) {
                                            case codePush.SyncStatus.DOWNLOADING_PACKAGE:
                                                console.log("DOWNLOADING_PACKAGE");
                                                break;
                                            case codePush.SyncStatus.INSTALLING_UPDATE:
                                                console.log(" INSTALLING_UPDATE");
                                                break;
                                        }
                                    },
                                    (progress) => {
                                        console.log(progress.receivedBytes + " of " + progress.totalBytes + " received.");
                                    }
                                );
                            }
                    }

6.輸入命令code-push release-react <appName> <platform> [options]即可發布更新版本。

參數包括更新面向的版本號、是否強制更新、發布到Staging或Production等。

React Native Code Push