React-Native iOS 真机测试详细流程

前言:

        说在前面,本教程是建立在项目已经成功在模拟器上运行的基础上,如果你是还未配置好环境的新手,建议先从官网快速入门开始:RN官方英文网RN中文网


       切入正题,当你已经完成好环境配置,在模拟器上成功的运行了项目,这时你的一定想,是时候去手机上装个逼了!本文的项目是参照开源项目iShiWuPai是基于React Native和Redux实现的展示型美食类APP (一个适合学习的redux架构的项目) 感谢作者.

官方教程,开始一步步跟着来:

1.修改URL地址:打开项目目录下的AppDelegate.m文件,

修改里面的URL,把localhost改为你的电脑的IP。在Mac系统下,你可以在系统设置/网络里找到电脑的IP地址。(注意!注意!  手机电脑必须同一个wifi 最后是2.5G的)

2.选择你自己的真机,并选择自己作为开发者账号!如果没有开发者账号就去apple 去注册一个.我这里2中需要改一下bundleID 大家看各自需要!



另外因为是iOS9的原因只接受https协议等等需要改成一下设置

3.完成到这一步我们就可以COM+R运行项目(前提大家都要讲自己的账号登陆)这是就会出现一:个问题如下图:


这图的意思是我们的账号运行这个app没有得到允许,要去真机进行设置:设置->通用->设备管理(描述文件与设备管理)->选择自己账号,并选择允许

如果大家遇到问题主要是:Could not connect to development server

(个人总结)

1.wifi是5g的我试过在5g环境调试失败 改了2.5g就行 

2.node跟nam版本过低

3.关闭mac的防火墙


最后面app就能在真机跑起来了

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 158,705评论 24 689
  • 9年了。 几乎每一年这个时候,以前的QQ空间,后来的朋友圈,我都会写上一句话,还好我活着。 下午一点过的时候,给福...
    肉肉Ray阅读 271评论 2 2
  • 今天由我提议,班长支持,老师助兴,一行八人组团进军东叉湖,没有拍到想要的夕阳,但非常快乐受益非浅,谢谢各位同行的老师!
    快乐狼外婆阅读 89评论 0 0
  • 曾经第4次拾起棒针,手中这根小小的棒针记载着我太多太多似水流年的喜怒哀乐、爱恨情仇. 第一次拿起棒针时我还在小学。...
    西瓜甜甜啦阅读 441评论 42 30