React Native使用指南-在设备上运行
2017-02-10 12:08
211 查看
注意在iOS设备上运行React Native应用需要一个Apple Developer account并且把你的设备注册为测试设备。本向导只包含React
Native相关的主题。
译注:从XCode 7起,在自己的设备上调试App不再需要开发者账户了。
在启用开发服务器的情况下,你可以快速的迭代修改应用,然后在设备上查看结果。这样做的前提是你的电脑和设备必须在同一个wifi环境下。
打开
修改里面的URL,把
在XCode里选中你的设备作为运行目标,然后点击“Build and Run”。
提示
摇晃设备来打开开发菜单(重新加载、调试,等等……)
当你在真机上运行app时,所有的JavaScript代码和图片都会自动打包到App内部。这样可以脱离开发服务器运行,并最终提交到AppStore进行发布。
打开
取消注释
根据你的app选择的scheme的不同,会生成不同的离线包(Debug会生成带有警告的开发模式的包,Release则会生成压缩优化过的包)。要修改scheme的话,选择Xcode顶部菜单中的
当我们发布应用之前,你应该把应用的“Schema”设置为
本文转自React Native中文网:http://reactnative.cn/docs/0.20/running-on-device-ios.html#content
Native相关的主题。
译注:从XCode 7起,在自己的设备上调试App不再需要开发者账户了。
从设备访问开发服务器
在启用开发服务器的情况下,你可以快速的迭代修改应用,然后在设备上查看结果。这样做的前提是你的电脑和设备必须在同一个wifi环境下。打开
AwesomeApp/ios/AwesomeApp/AppDelegate.m
修改里面的URL,把
localhost改为你的电脑的IP。在Mac系统下,你可以在系统设置/网络里找到电脑的IP地址。
在XCode里选中你的设备作为运行目标,然后点击“Build and Run”。
提示
摇晃设备来打开开发菜单(重新加载、调试,等等……)
使用离线包
当你在真机上运行app时,所有的JavaScript代码和图片都会自动打包到App内部。这样可以脱离开发服务器运行,并最终提交到AppStore进行发布。打开
AwesomeApp/ios/AwesomeApp/AppDelegate.m
取消注释
jsCodeLocation = [[NSBundle mainBundle] ...这一行。
根据你的app选择的scheme的不同,会生成不同的离线包(Debug会生成带有警告的开发模式的包,Release则会生成压缩优化过的包)。要修改scheme的话,选择Xcode顶部菜单中的
Product > Scheme > Edit Scheme...,在
Build Configuration选项中切换选择
Debug或是
Release。
禁用应用内的开发者菜单
当我们发布应用之前,你应该把应用的“Schema”设置为Release,来禁用开发者菜单。文档调试讲述了一些详细的操作方式。
本文转自React Native中文网:http://reactnative.cn/docs/0.20/running-on-device-ios.html#content
相关文章推荐
- RN(react native)入坑指南-05,使用图标字体Fontawesome
- React Native使用指南-原生UI组件
- RN(react native)入坑指南-07,使用navigator实现页面跳转
- 使用WebStorm创建/运行/调试React Native项目
- [深入剖析React Native]热更新之react-native-pushy使用指南(Android)
- React Native Cookie使用指南
- 使用WebStorm创建/运行/调试React Native项目
- 使用react-native做一个简单的应用-02项目搭建与运行
- [深入剖析React Native]热更新之react-native-pushy使用指南(IOS)
- React-Native - 使用AppState获取App运行状态(以及监听状态改变事件)
- React Native指定设备运行
- react native FlatList使用详解以及上拉刷新下拉加载带可运行demo
- React Native获取移动设备信息(react-native-device-info)如何使用?
- RN(react native)入坑指南-03,运行官方示例UIExplorer
- 【React Native开发】React Native应用设备运行(Running)以及调试(Debugging)(3)
- react native新建项目运行在安卓设备上
- 【原创】使用react-active运行实例
- 使用Cocos2D-x引擎在Mac下开发运行在iOS设备上的《植物大战僵尸》第一篇
- 一份React-Native学习指南