码迷,mamicode.com
首页 > 其他好文 > 详细

ReactNative真机运行运行

时间:2016-02-28 15:06:31      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

注意在iOS设备上运行React Native应用需要一个Apple Developer account并且把你的设备注册为测试设备。本向导只包含React Native相关的主题。

译注:从XCode 7起,在自己的设备上调试App不再需要开发者账户了。

从设备访问开发服务器

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

  1. 打开AwesomeApp/ios/AwesomeApp/AppDelegate.m
  2. 修改里面的URL,把localhost改为你的电脑的IP。在Mac系统下,你可以在系统设置/网络里找到电脑的IP地址。
    技术分享
    技术分享
  3. 在XCode里选中你的设备作为运行目标,然后点击“Build and Run”。
    技术分享

提示

摇晃设备来打开开发菜单(重新加载、调试,等等……)

部分出现下图提示
技术分享
技术分享

使用离线包

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

  1. 打开AwesomeApp/ios/AwesomeApp/AppDelegate.m
  2. 取消注释jsCodeLocation = [[NSBundle mainBundle] ...这一行。
  3. 根据你的app选择的scheme的不同,会生成不同的离线包(Debug会生成带有警告的开发模式的包,Release则会生成压缩优化过的包)。要修改scheme的话,选择Xcode顶部菜单中的Product > Scheme > Edit Scheme...,在Build Configuration选项中切换选择Debug或是Release

禁用应用内的开发者菜单

当我们发布应用之前,你应该把应用的“Schema”设置为Release,来禁用开发者菜单。文档调试讲述了一些详细的操作方式。

 

安装学习遇到任何问题可以加入 ReactNative高级交流群 127482131 或访问  http://blog.1ygowu.com ReactNative技术专题

ReactNative真机运行运行

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!