java8热更新_React Native 实现热更新pushy

安装

. C: o* ?* a8 S7 Z1 E/ d+ s( O

4 j# i% I2 s. W* M在你的项目根目录下运行以下命令：1 p( B7 x( I# J6 @; A* [: D- v

npm i -g react-native-update-clinpm i react-native-update如果你的RN版本 >= 0.60，请在iOS目录下执行:% ^7 K  M( O7 p2 P4 B9 E: t/ f

pod install手动link

. n% n4 j8 F% ~' q. \2 i* f

2 [: H& R; @$ i/ K, h: b  O" U# W如果RN版本 >= 0.60则可以跳过此步骤

; r# h" P4 F+ `/ c' m2 PAndroid6 `) k; f& W$ s; d

/ _% S3 ?& p, K, U- C4 `& c$ SRN < 0.608 e, S  S; B+ C! t3 W$ @

' [2 W. x7 R; L( Y: g; V

在android/settings.gradle中添加如下代码:

5 x# y& M2 @" b: w8 C+ |& Ninclude ':react-native-update' project(':react-native-update').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-update/android')2.在android/app/build.gradle的 dependencies 部分增加如下代码:2 k" V5 q4 R% w$ S, p9 W

implementation project(':react-native-update')3.打开android/app/src/main/java/[...]/MainApplication.java,

/ r: V. ?1 v: ~  I& }5 \1 v) L, q$ `在文件开头增加 import cn.reactnative.modules.update.UpdatePackage;在getPackages() 方法中增加 new UpdatePackage()(注意上一行可能要增加一个逗号)配置Bundle URL

7 K9 g9 k) e% x- F# C( n& f+ S; q' G5 K1 f0 [/ k

注意此步骤无论任何版本，目前都需要手动配置。, b. N, L* Z) l' R6 x) r5 I

Android

0 `8 S" D; m) b5 M* v9 ], Y

8 z4 d* p5 \+ v3 O/ q4 W. X在MainApplication中增加如下代码：

, f" s9 b" [1 t4 b5 Q3 `// ... 其它代码// 请注意不要少了这句importimport cn.reactnative.modules.update.UpdateContext;public class MainApplication extends Application implements ReactApplication {  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {    @Override    protected String getJSBundleFile() {        return UpdateContext.getBundleUrl(MainApplication.this);    }    // ... 其它代码  }}登录与创建应用6 ^" h; H. O$ P" E; K/ ^# V+ u

j: \! p, M, F* s& x" \/ M首先请在https://update.reactnative.cn注册帐号，然后在你的项目根目录下运行以下命令：: V( r* J. X  {, ?0 U6 W* h

$ pushy loginemail: password: 这会在项目文件夹下创建一个.update文件，注意不要把这个文件上传到Git等CVS系统上。你可以在.gitignore末尾增加一行.update来忽略这个文件。- q. `. b" F) P+ E! J% ~9 Y8 ?

登录之后可以创建应用。注意iOS平台和安卓平台需要分别创建：/ i9 V5 u" U& A) f. z

$ pushy createApp --platform iosApp Name: $ pushy createApp --platform androidApp Name: 如果你已经在网页端或者其它地方创建过应用，也可以直接选择应用：' X) n. f9 g7 M$ s6 A

$ pushy selectApp --platform ios1) 鱼多多(ios)2) 招财旺(ios)Total 2 ios appsEnter appId: 选择或者创建过应用后，你将可以在文件夹下看到update.json文件，其内容类似如下形式：

, j4 ?' |9 R: p: I{    "ios": {        "appId": 1,        "appKey": ""    },    "android": {        "appId": 2,        "appKey": ""    }}完整的示例

# Q5 R) Q. [* g+ X6 oK& n' I4 a3 k4 D

import React, {  Component,} from 'react';import {  AppRegistry,  StyleSheet,  Platform,  Text,  View,  Alert,  TouchableOpacity,  Linking,} from 'react-native';import {  isFirstTime,  isRolledBack,  packageVersion,  currentVersion,  checkUpdate,  downloadUpdate,  switchVersion,  switchVersionLater,  markSuccess,} from 'react-native-update';import _updateConfig from './update.json';const {appKey} = _updateConfig[Platform.OS];class MyProject extends Component {  componentDidMount(){    if (isFirstTime) {      Alert.alert('提示', '这是当前版本第一次启动,是否要模拟启动失败?失败将回滚到上一版本', [        {text: '是', onPress: ()=>{throw new Error('模拟启动失败,请重启应用')}},        {text: '否', onPress: ()=>{markSuccess()}},      ]);    } else if (isRolledBack) {      Alert.alert('提示', '刚刚更新失败了,版本被回滚.');    }  }  doUpdate = async (info) => {    try {      const hash = await downloadUpdate(info);      Alert.alert('提示', '下载完毕,是否重启应用?', [        {text: '是', onPress: ()=>{switchVersion(hash);}},        {text: '否',},        {text: '下次启动时', onPress: ()=>{switchVersionLater(hash);}},      ]);    } catch(err) {      Alert.alert('提示', '更新失败.');    }  };  checkUpdate = async () => {    if (__DEV__) {      // 开发模式不支持热更新，跳过检查      return;    }    let info;    try {      info = await checkUpdate(appKey);    } catch (err) {      console.warn(err);      return;    }    if (info.expired) {      Alert.alert('提示', '您的应用版本已更新,请前往应用商店下载新的版本', [        {text: '确定', onPress: ()=>{info.downloadUrl && Linking.openURL(info.downloadUrl)}},      ]);    } else if (info.upToDate) {      Alert.alert('提示', '您的应用版本已是最新.');    } else {      Alert.alert('提示', '检查到新的版本'+info.name+',是否下载?\n'+ info.description, [        {text: '是', onPress: ()=>{this.doUpdate(info)}},        {text: '否',},      ]);    }  };  render() {    return (                        欢迎使用热更新服务                          这是版本一 {'\n'}          当前原生包版本号: {packageVersion}{'\n'}          当前热更新版本Hash: {currentVersion||'(空)'}{'\n'}                                      点击这里检查更新                            );  }}const styles = StyleSheet.create({  container: {    flex: 1,    justifyContent: 'center',    alignItems: 'center',    backgroundColor: '#F5FCFF',  },  welcome: {    fontSize: 20,    textAlign: 'center',    margin: 10,  },  instructions: {    textAlign: 'center',    color: '#333333',    marginBottom: 5,  },});发布安卓应用

8 g, z0 a( n  ]! f* p5 p' X; q+ W7 ]+ b% E0 F

在android文件夹下运行./gradlew assembleRelease或./gradlew aR，你就可以在android/app/build/outputs/apk/release/app-release.apk中找到你的应用包。

# v2 \0 b& C# ^+ X. f2 P# l然后运行如下命令:& u' Y/ w7 V1 W( y1 s6 l

$ pushy uploadApk android/app/build/outputs/apk/release/app-release.apk即可上传apk以供后续版本比对之用。此apk的versionName字段(位于android/build.gralde中)会被记录为原生版本号packageVersion。8 g$ Z2 b+ |8 f! |3 X3 K+ t" d' r

随后你可以选择往应用市场发布这个版本，也可以先往设备上直接安装这个apk文件以进行测试。

- ~" k" b$ M7 |" `1 D发布新的热更新版本

. \6 e# T% q8 Y, @6 e; e; i6 L! p" k2 v1 O( k. t2 u9 N5 ?' }

你可以尝试修改一行代码(譬如将版本一修改为版本二)，然后生成新的热更新版本。

- ?! b: X* B9 ^/ |7 ~$ D4 m; F1 O$ pushy bundle --platform Bundling with React Native version:  0.22.2Bundled saved to: build/output/android.1459850548545.ppkWould you like to publish it?(Y/N) 如果想要立即发布，此时输入Y。当然，你也可以在将来使用pushy publish --platform  来发布版本。8 g" N9 K3 Y& H

Uploading [========================================================] 100% 0.0sEnter version name: Enter description: Enter meta info: {"ok":1}Ok.Would you like to bind packages to this version?(Y/N)此时版本已经提交到update服务，但用户暂时看不到此更新，你需要先将特定的原生包版本绑定到此热更新版本上。" f2 I6 V7 s% j

此时输入Y立即绑定，你也可以在将来使用pushy update --platform 来使得对应原生包版本的用户更新。 除此以外，你还可以在网页端操作，简单的将对应的原生包版本拖到此热更新版本下即可。. Y" k3 o& S9 ]3 L8 J, P

Offset 01) FvXnROJ1 1.0.1 (no package)2) FiWYm9lB 1.0 [1.0]Enter versionId or page Up/page Down/Begin(U/D/B) 1) 1.0(normal) - 3 FiWYm9lB (未命名)Total 1 packages.Enter packageId: 版本绑定完毕后，客户端就应当可以检查到更新并进行更新了。

/ _$ B0 i6 K! r$ O$ J0 P$ E; N% O, x' R( l8 K- r* t: h5 |' v

API接口

% C: _2 k) D" y2 ~2 A# q3 }. B: p  u: _: H

命令行工具- K9 Y" C/ n) D" {# m6 v: }. c9 Q7 S7 v. z2 z' D" Q& V9 m

Java吧 收集整理 java8论坛 www.java8.com