【react-native-0.31-iOS】热更新准备-iOS(03)

原创 2016年08月30日 14:10:21

1.首先你应该有一个基于React Native开发的应用,我们把具有package.json的目录叫做你的”应用根目录”。如果你还没有初始化应用,请参阅开始使用React Native。所以我们也假设你已经拥有了开发React Native应用的一切环境,包括Node.js、npm、XCode、Android SDK等等。
如果你之前没安装过,你还必须安装Android NDK,并设置环境变量ANDROID_NDK_HOME,指向你的NDK根目录(例如/Users/tdzl2003/Downloads/android-ndk-r10e)。

2.在你的项目根目录下运行以下命令:

RN 0.29及以上:
$ npm install -g react-native-update-cli
$ npm install --save react-native-update
$ react-native link react-native-update

RN 0.27-0.28:
$ npm install -g react-native-update-cli rnpm
$ npm install --save react-native-update@2.x
$ rnpm link react-native-update

npm install -g react-native-update-cli rnpm这一句在每一台电脑上仅需运行一次。

3.配置Bundle URL(iOS)

在工程target的Build Phases->Link Binary with Libraries中加入libz.tbd、libbz2.1.0.tbd

在你的AppDelegate.m文件中增加如下代码:
#import "RCTHotUpdate.h"

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
#if DEBUG
  // 原来的jsCodeLocation
  jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
#else
  jsCodeLocation=[RCTHotUpdate bundleURL];
#endif
  // ... 其它代码
}

4.登录与创建应用(先去注册)

在你的项目根目录下运行以下命令:

$ pushy login
email: <输入你的注册邮箱>
password: <输入你的密码>

登录之后可以创建应用。注意iOS平台和安卓平台需要分别创建:

$ pushy createApp --platform ios
App Name: <输入应用名字>
$ pushy createApp --platform android
App Name: <输入应用名字>
版权声明:欢迎转载!

React Native 如何用 Pushy 进行热更新

一、准备工作 http://www.jianshu.com/p/117399ba4795 首先你需要一个 React Native 的应用,如果还没有或许下面文章能帮到你 如何创建 Re...

React Native热更新方案

随着 React Native 的不断发展完善,越来越多的公司选择使用 React Native 替代 iOS/Android 进行部分业务线的开发,也有不少使用 Hybrid 技术的公司转向了 Re...

【react-native-0.31-iOS】iOS集成react-native(01)

*iOS集成react-native*1.首先创建一个iOS项目。2.安装CocoaPods。3.安装Node.js,并升级到最新版本。4.通过CocoaPods安装react-native。将以下内...

React Native for iOS Development

  • 2017年09月04日 05:22
  • 1.64MB
  • 下载

React Native热更新(iOS)-Pushy

React Native的出现,使的开发iOS代码出现了更便捷的方式。由于RN是使用脚本语言编写的,实现了“解释执行”的方式,而这种执行方式的修改只需替换脚步即可,不需要重新发布程序,热更新的方式极大...

React.Native.for.iOS.Development.14842139

  • 2016年01月11日 12:13
  • 3.94MB
  • 下载

React Native 0.31 Bundle 预加载优化

使用 React Native 开发混合应用的过程中,我们在打完 bundle 进 release 包后,会发现第一次进入页面(React 的 Activity)会有一个短暂的白屏过程(在真机上近 1...

通过React Native动态更新iOS应用

这篇文章一直拖了快1个多月了,一直都找借口不去完成它。今天终于铁了心了。开始正题。 这是一篇关于 react-native iOS 动态更新的文章。...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【react-native-0.31-iOS】热更新准备-iOS(03)
举报原因:
原因补充:

(最多只允许输入30个字)