React-Native热更新 - 3分钟教你实现

```

react-native init dounineApp
```

```

npm install -g code-push-cli
```

```

code-push register

Please login to Mobile Center in the browser window we've just opened.

Enter your token from the browser:

#会弹出一个浏览器,让你注册,可以使用github帐号对其进行授权,授权成功会给一串Token,点击复制，在控制进行粘贴回车(或者使用code-push login命令)。
```
```

Enter your token from the browser:  b0c9ba1f91dd232xxxxxxxxxxxxxxxxx

#成功提示如下方

Successfully logged-in. Your session file was written to /Users/huanghuanlai/.code-push.config. You can run the code-push logout command at any time to delete this file and terminate your session.
```
![](http://upload-images.jianshu.io/upload_images/9028759-7736182c03cea82a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

```

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

#成功提示如下方

Successfully added the "dounineApp-ios" app, along with the following default deployments:

┌────────────┬──────────────────────────────────────────────────────────────────┐

│ Name       │ Deployment Key                                                   │

├────────────┼──────────────────────────────────────────────────────────────────┤

│ Production │ yMAPMAjXpfXoTfxCd0Su9c4-U4lU6dec4087-57cf-4c9d-b0dc-ad38ce431e1d │

├────────────┼──────────────────────────────────────────────────────────────────┤

│ Staging    │ IjC3_iRGEZE8-9ikmBZ4ITJTz9wn6dec4087-57cf-4c9d-b0dc-ad38ce431e1d │

└────────────┴──────────────────────────────────────────────────────────────────┘
```

```

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

#成功提示如下方

Successfully added the "dounineApp-android" app, along with the following default deployments:

┌────────────┬──────────────────────────────────────────────────────────────────┐

│ Name       │ Deployment Key                                                   │

├────────────┼──────────────────────────────────────────────────────────────────┤

│ Production │ PZVCGLlVW-0FtdoCF-3ZDWLcX58L6dec4087-57cf-4c9d-b0dc-ad38ce431e1d │

├────────────┼──────────────────────────────────────────────────────────────────┤

│ Staging    │ T0NshYi9X8nRkIe_cIRZGbAut90a6dec4087-57cf-4c9d-b0dc-ad38ce431e1d │

└────────────┴──────────────────────────────────────────────────────────────────┘
```

```

npm install react-native-code-push --save

#或者

yarn add react-native-code-push
```

```

react-native link

Scanning folders for symlinks in /Users/huanghuanlai/dounine/oschina/dounineApp/node_modules (8ms)

? What is your CodePush deployment key for Android (hit  to ignore) T0NshYi9X8nRkIe_cIRZGbAut90a6dec4087-57cf-4c9d-b0dc-ad38ce431e1d

#将刚才添加的Android App的Deployment Key复制粘贴到这里,复制名为Staging测试Deployment Key。

rnpm-install info Linking react-native-code-push android dependency

rnpm-install info Android module react-native-code-push has been successfully linked

rnpm-install info Linking react-native-code-push ios dependency

rnpm-install WARN ERRGROUP Group 'Frameworks' does not exist in your Xcode project. We have created it automatically for you.

rnpm-install info iOS module react-native-code-push has been successfully linked

Running ios postlink script

? What is your CodePush deployment key for iOS (hit  to ignore) IjC3_iRGEZE8-9ikmBZ4ITJTz9wn6dec4087-57cf-4c9d-b0dc-ad38ce431e1d

#继续复制Ios的Deployment Key

Running android postlink script
```

```

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

const codePushOptions = { checkFrequency: codePush.CheckFrequency.MANUAL };

export default class App extends Component<{}> {

componentDidMount(){

codePush.sync({

updateDialog: true,

installMode: codePush.InstallMode.IMMEDIATE,

mandatoryInstallMode:codePush.InstallMode.IMMEDIATE,

//deploymentKey为刚才生成的,打包哪个平台的App就使用哪个Key,这里用IOS的打包测试

deploymentKey: 'IjC3_iRGEZE8-9ikmBZ4ITJTz9wn6dec4087-57cf-4c9d-b0dc-ad38ce431e1d',

});

}

...
```

```

react-native run-ios
```

```

code-push release-react dounineApp-ios ios
```

发布成功如图下
```

Detecting ios app version:

Using the target binary version value "1.0" from "ios/dounineApp/Info.plist".

Running "react-native bundle" command:

node node_modules/react-native/local-cli/cli.js bundle --assets-dest /var/folders/m_/xcdff0xd62j4l2xbn_nfz00w0000gn/T/CodePush --bundle-output /var/folders/m_/xcdff0xd62j4l2xbn_nfz00w0000gn/T/CodePush/main.jsbundle --dev false --entry-file index.js --platform ios

Scanning folders for symlinks in /Users/huanghuanlai/dounine/oschina/dounineApp/node_modules (10ms)

Scanning folders for symlinks in /Users/huanghuanlai/dounine/oschina/dounineApp/node_modules (10ms)

Loading dependency graph, done.

bundle: start

bundle: finish

bundle: Writing bundle output to: /var/folders/m_/xcdff0xd62j4l2xbn_nfz00w0000gn/T/CodePush/main.jsbundle

bundle: Done writing bundle output

Releasing update contents to CodePush:

Upload progress:[==================================================] 100% 0.0s

Successfully released an update containing the "/var/folders/m_/xcdff0xd62j4l2xbn_nfz00w0000gn/T/CodePush" directory to the "Staging" deployment of the "dounineApp-ios" app.
```

![](http://upload-images.jianshu.io/upload_images/9028759-30c17d2f5db173cd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

```

deploymentKey:'T0NshYi9X8nRkIe_cIRZGbAut90a6dec4087-57cf-4c9d-b0dc-ad38ce431e1d'
```

```

react-native run-android
```

```

code-push release-react dounineApp-android android
```