注意在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,来禁用开发者菜单。文档调试讲述了一些详细的操作方式。

本文转自React Native中文网:http://reactnative.cn/docs/0.20/running-on-device-ios.html#content

React Native使用指南-在设备上运行相关推荐

  1. react native Android端保持APP后台运行--封装 Headless JS

    react native Android端保持APP后台运行--封装 Headless JS 前些日子在做后台下载时踩了后台运行这个大坑,RN官网文档上面在安卓上提供了Headless JS方法,iO ...

  2. linphone android源码,无法在实际设备上运行Linphone-android源代码

    我已经使用git clone下载了Linphone- android源代码.当我将源代码导入eclipse时,没有发现错误.然后我尝试在实际设备上运行应用程序,但是,应用程序无法加载并且崩溃了.这是错 ...

  3. [转]---UAP中如何判断当前APP在哪个平台设备上运行

    在做Win10开发的时候,我们可能经常会需要获得当前程序在在哪个平台设备上运行,用于UI和相关API的调用,那么可以通过什么方式知道当前APP运行的平台呢? 今天这里提供两个方法给大家做参考: 方法一 ...

  4. OpenCV在Android设备上运行深度网络

    OpenCV在Android设备上运行深度网络 在Android设备上运行深度网络 介绍 要求 创建一个空的Android Studio项目 添加OpenCV依赖项 做一个样品 在Android设备上 ...

  5. 西部数据硬盘支持linux,西部数据开发新的Linux文件系统“Zonefs” 支持在分区块设备上运行...

    近些年来,从RISC-V体系结构位到存储增强功能,西部数据(Western Digital)在Linux内核方面做出了更大的贡献.最近几周,其一直在处理的最新代码就是全新的Linux文件系统. 不过, ...

  6. 【ios】在真实设备上运行

    设置Icon的方法 设置icon和展示的名称 在这里设置图标 如何在真实的设备上运行呢? xcode上面配置apple id, team 通过数据连接线连接到iphone设备 webview使得原生应 ...

  7. iPhone开发入门(10)— 设备上运行程序

    博主:易飞扬 原文链接 : http://www.yifeiyang.net/introduction-to-iphone-development-10-devices-running-the-pro ...

  8. React Native开发指南-在原生和React Native间通信

    通过植入原生应用和原生UI组件两篇文档,我们学习了React Native和原生组件的互相整合.在整合的过程中,我们会需要在两个世界间互相通信.有些方法已经在其他的指南中提到了,这篇文章总结了所有可行 ...

  9. React Native使用指南-原生模块

    有时候App需要访问平台API,但React Native可能还没有相应的模块封装:或者你需要复用Objective-C.Swift或C++代码,而不是用JavaScript重新实现一遍:又或者你需要 ...

最新文章

  1. Spring+Quartz实现定时任务的配置方法
  2. html中如何修改href,在html中设置href链接中的变量
  3. 这么烂的游戏也能卖2000万吗?
  4. Django Model设计详解
  5. SQL SERVER备份脚本
  6. mysql join 索引 无效_ORACLE MYSQL中join 字段类型不同索引失效的情况-阿里云开发者社区...
  7. Spring 基础 用mock对Controller执行测试(系列号4)
  8. 软件架构师的沟通修炼
  9. Facebook IPO更改投行佣金标准 比例或降至1%
  10. Python-基于request豆瓣电影票房信息爬取,简单粗暴
  11. android九宫格切图,拼图九宫格切图app
  12. 读书笔记-《Head First 软件开发》
  13. 空间注意力 通道注意力_注意力发生了什么变化?
  14. 2019下半年第一个流行词---宏颜获水
  15. windows WinExec()
  16. Nexus Windows中搭建Nexus仓库
  17. Junit-对涉及数据库操作的服务进行单元测试
  18. 计算机岗位知识竞赛,计算机工作人员年度考核.doc
  19. flask 使用html模板,Flask框架使用HTML模板的方法
  20. java实现文件压缩下载----压缩下载zip

热门文章

  1. Java : Hibernate 动态+分页+自定义字段+自定义实体类查询
  2. STM32F105 PA9/OTG_FS_VBUS Issues
  3. 三极管稳压管组成的线性电源关键理解
  4. HTML中关于图像和表格,链接等的知识
  5. USACO 1.2 Milking Cows (枚举)
  6. 在Windows 7上安装Team Foundation Server(TFS)的代理服务器(Agent)
  7. 【转】eclipse中egit插件使用
  8. oracle收发邮件存储过程
  9. ccxprocess启动项可以禁用么_Mac怎么禁用Adobe无用自启项?
  10. 卡苹果6plus在线_@哈尔滨家长:学生卡初次申办,需要到线下网点办理!