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

1308 查看

前言:

        说在前面,本教程是建立在项目已经成功在模拟器上运行的基础上,如果你是还未配置好环境的新手,建议先从官网快速入门开始: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就能在真机跑起来了