react native iOS 真机调试

今天同事希望用真机调试react native iOS 应用,在网上找的方法都太老旧,基本都是Xcode7,react native 版本都在0.30.0 以下,由于现在我们用的是Xcode8.0,react native 版本是0.36.0。虽说版本变化了,但调试的基本思路没有什么大变化。背景交代完毕,下面就简单说下步骤。

1.前提是项目在模拟器中可以正常启动,如果不能正常启动,还是先把项目搞好在调试吧。

2.设备用USB链接电脑,如果是第一次链接,在iPhone中会弹出是否信任电脑的对话框,请点击信任。此时在Xcode中会显示你的设备,具体如下图所示。

react native iOS 真机调试_第1张图片
新设备

如果Xcode中没有出现自己的设备,不要灰心,继续往下看。点击上图中add additional simulator..会出现下图信息。

react native iOS 真机调试_第2张图片
设备信息

如果此时还没发现自己的设备,就要检查下USB是不是坏掉了。。。设备添加后,如果设备没有信任电脑,会在自己新设备后出现黄色的警告,不用怕,只需要去设备中添加信任即可,添加方法如下:

设置---通用----还原--还原位置与隐私  提示输入密码 ,成功后会弹出信任此电脑的对话框。

3.在本地真机调试不需要证书,如果有,那更好,此时只需要登录自己的Apple id 就可以了,在此时需要注意的有一下几点请看下图:

react native iOS 真机调试_第3张图片
配置信息

display name 和Bundle identifier 可以随便配置。Singing --Team 就要选择自己的Apple id 。Deployment info 中 Deployment Target 要选择自己设备的系统版本,如果选择过高,run 时会报错。由于网络的原因,Xcode在Managed Profile时可能会失败,可以尝试修改Bundle identifier重新create provisioning profile。报错信息如下:

react native iOS 真机调试_第4张图片
create失败

如果出现这样的错误,不要担心,多尝试几下就可以了,实在不行重启下Xcode。

4.此时Xcode配置的东西修改基本完成,是时候修改react native里的东西了,本地真机调试,需要设备和电脑在同一个网络,在Xcode 里修改RCTWebSocketExecutor.m文件,然后将其中的"localhost"改为你的电脑的IP地址。具体请看下图:

react native iOS 真机调试_第5张图片
修改IP

5.此时可以run 项目了,第一次比较费时间,请耐心等待。安装成功后,需要对此项目添加信任。添加信任的方法就不在这里累述了。晃动设备就可以打开开发者菜单了。此时大功告成。

6,需要额外注意的是,我们修改了localhost,Apple 的网络安全要求使用HTTPS,如果使用http,需要在Xcode info.plist里添加条件。如下:

react native iOS 真机调试_第6张图片

你可能感兴趣的:(react native iOS 真机调试)