react native新手学习之路03真机调试

标签：

React Native新手入门03真机调试（iOS）

从设备访问开发服务器

在启用开发服务器的情况下，你可以快速的迭代修改应用，然后在设备上查看结果。这样做的前提是你的电脑和设备必须在同一个wifi环境下。

打开AwesomeApp/ios/AwesomeApp/AppDelegate.m修改里面的URL，把localhost改为你的电脑的IP。在Mac系统下，你可以在系统设置/网络里找到电脑的IP地址。

eg:

jsCodeLocation = [NSURL URLWithString:@"http://192.168.1.107:8081/index.ios.bundle?platform=ios&dev=true"];

在XCode里选中你的设备作为运行目标，然后点击Build and Run。

使用离线包

当你在真机上运行app时，所有的JavaScript代码和图片都会自动打包到App内部。这样可以脱离开发服务器运行，并最终提交到AppStore进行发布。

需要新版xcode7.3,无需开发者账户，只需要AppleID生成证书。

打开AwesomeApp/ios/AwesomeApp/AppDelegate.m取消注释jsCodeLocation = [[NSBundle mainBundle] ...这一行。

eg:

//真机调试

//jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];

根据你的app选择的scheme的不同，会生成不同的离线包（Debug会生成带有警告的开发模式的包，Release则会生成压缩优化过的包）。要修改scheme的话，选择Xcode顶部菜单中的Product > Scheme > Edit Scheme...，在Build Configuration选项中切换选择Debug或是Release，Build中只勾选Analyze和Run。

百度云盘 

React Native 技术交流群127482131,欢迎大家一起来学习RN。

转载请保留文章链接 http://www.reactnative.pw/

react native新手学习之路03真机调试

标签：

原文地址：http://www.cnblogs.com/suxun/p/5476120.html