iOS ReactNative 真机调试

网上搜了下 看到很多以前的文章 说是让手机与电脑在同一个网络下 然后把项目 AppDelegate 中的一句代码中的 rul 地址修改 为本机地址  但是有2个问题 :

1、reactnative 更新到现在 那句代码已经没有了 我没有尝试进行代码的添加测试 (懒 ,) 有兴趣的可以自己尝试

2、有资料说是 Xcode 进行真机调试 无需开发者证书  其实 在 原生项目中  在 Xcode 7 的时候苹果是开放过 本人也玩过 但是目前更新了 在 reactnative 中好像不能使用了 这里如果有哪位大神可以 望指教

好了 下面就进入正题

当前环境:

1、macOS Sierra 10.12.1 14年的本子  (明年考虑换个)

2、Xcode Version 8.1 (8B62)

3、ReactNative  0.35.0

React  15.3.2

4、开发者证书 (这个自行准备了)

首先是按照网上的教程 使电脑手机在同一个网络环境 然后修改 localhost (我实在 info.plist中修改的 )

在 Xcode 8 中 

iOS ReactNative 真机调试_第1张图片
证书配置

设置如上 选择自动  Xcode 会帮我们自动生成一个 Profile  如果 iPhone 没有添加到账号中的 Devices 中 Xcode 也会自动帮我们添加 

#注意 下面有一个步骤 如果不修改的话 还会报错 如图

在我们的 Target  中 reactnative  默认帮我们创建了一个 Tests


iOS ReactNative 真机调试_第2张图片
 target

我们还需要在这个地方设置 我们刚才设置的证书信息 和我们第一步一样  


iOS ReactNative 真机调试_第3张图片
TestsTarget

这2个地方要一致  否则会报错


最后我们就可以 command + R 运行了 


iOS ReactNative 真机调试_第4张图片
运行效果图

最后有测试了下 发现 只要手机连接电脑  无论是不是在同一个网络下都是可以进行测试的  

如果有什么错误的地方 希望大家多动拍砖

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