本文介紹用微軟預設的CodePush Cloud和將code-push-server放在本地伺服器上，以local作為storageType實現熱更新。

1. 安裝 CodePush CLI:

npm install -g code-push-cli
code-push -v 檢視版本，顯示版本說明安裝成功。（這裡用的是2.1.3-beta）

2. 登入CodePush:

這裡介紹兩種方式登入CodePush.

I. 一種是用微軟預設的CodePush Cloud。

輸入code-push register，這時會在瀏覽器裡開啟CodePush的註冊頁面，註冊成功後會在頁面上顯示access key，複製這個key到 命令列視窗中，

如圖則登入成功。

II. 第二種方式是用code-push-server。因為預設的CodePush Cloud在中國訪問會很慢，所以用code-push-server來搭建一個本地服務，應用的釋出和更新都在本地進行。

① 安裝CodePushServer:

sudo npm install code-push-server -g

② 配置資料庫相關資訊：

code-push-server-db init --dbhost localhost --dbuser root --dbpassword 0

③ 修改 /usr/local/lib/node_modules/code-push-server/config/config.js 中相關配置：

④ 啟動服務：code-push-server 

瀏覽器中能開啟 http://127.0.0.1:3000說明啟動成功。

⑤ 登入CodePush:

code-push login http://127.0.0.1:3000

自動在瀏覽器中開啟登錄頁面。

⑥ 輸入用戶名和密碼（account:admin password:123456）後點擊獲取Token，複製access key到命令列視窗中。

如圖則登入成功。

3. 新增APP，獲得Deployment Key:

Android和iOS分別新增：

code-push app add CodePushDemo-ios ios react-native

code-push app add CodePushDemo-android android react-native

4. 安裝react-nativ-code-push外掛：

① 進入專案根目錄。

② npm install [email protected] --save

注：這裡沒有用npm install [email protected] --save是因為如果用最新的版本5.x.x，在編譯android是會出現“cannot find symbol class JSBundleLoader”的問題（https://github.com/Microsoft/react-native-code-push/issues/935）

③ rnpm link react-native-code-push 這條命令將會自動幫我們在android/ios中新增好設定。

android：

I. 在android/app/build.gradle中自動新增上：apply from: "../../node_modules/react-native-code-push/android/codepush.gradle"

II. 在/android/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')

III. 在MainActivity中自動新增上：

import com.microsoft.codepush.react.CodePush;

ios：

在info.plist中自動新增上CodePushDeploymentKey。

5. 在 index.ios.js 和 index.android.js 中分別新增如下：

import codePush from 'react-native-code-push' ;

componentDidMount() {

   codePush.sync();

}

6. 修改android/ios程式相關配置：

ios:

① 在info.plist中新增CodePushDeploymentKey和CodePushServerURL。

注：CodePushDeploymentKey為Deployment Key(Production)。

如果用微軟預設的CodePush Cloud則不需要新增CodePushDeploymentKey。

② 在Xcode中以Release運行。

③ Version 1.0修改為1.0.0(默認是1.0，但是codepush需要三位數）。

android:

① 在MainApplication中新增如下：

注：CodePush的第一個引數為Deployment Key(Production)。

如果用微軟預設的CodePush Cloud則不需要新增最後一個引數。

② 在android/app/build.gradle中versionName由1.0修改為1.0.0(默認是1.0，但是codepush需要三位數）。

7. 打包 + 釋出

code-push release-react CodePushDemo-ios ios --des "description" -d Production

code-push release-react CodePushDemo-android android --des "description" -d Production

注：code-push release-react CodePushDemo-ios ios --des "test" --m true預設為Staging，如果用預設的話，需要把程式中相關的Deployment Key替換為Staging的key。

執行完成後，如果用微軟預設的CodePush Cloud，在https://appcenter.ms中可以檢視上傳的釋出資訊；

如果用code-push-server作為伺服器，則在本地的/Users/tablee/workspaces/storage和/Users/tablee/workspaces/data下會生成相應的檔案。

8. 測試更新

① 修改index.ios.js和index.android.js中代碼

② 重新打包發布android和ios。

③ 重新啟動APP（2次），介面改變。

9. 程式碼片段及程式

10. 相關命令：

新增部署：code-push deployment add CodePushDemo-ios Staging

刪除部署：code-push deployment rm CodePushDemo-ios Staging

檢視部署的key：code-push deployment list CodePushDemo-ios -k

檢視歷史版本：code-push deployment history CodePushDemo-ios Staging

11. 參考網址：

https://github.com/Microsoft/react-native-code-push/blob/master/Examples/CodePushDemoApp-pre0.49/demo.js

http://blog.csdn.net/fengyuzhengfan/article/details/52003798

http://www.jianshu.com/p/fa362da953c7

http://www.jianshu.com/p/cbc6a1dbfe30

http://blog.csdn.net/xiangzhihong8/article/details/73201421

http://lib.csdn.net/article/reactnative/67095

http://blog.csdn.net/itpinpai/article/details/50845625 ---- Android啟動白屏

https://github.com/lisong/code-push-server

https://github.com/lisong/code-push-server/issues/103 ---- [Error]  Could not parse response: 

http://www.360doc.com/content/16/0911/08/35331283_589947241.shtml

http://blog.csdn.net/wnma3mz/article/details/77618475