🦄 2024 独立开发者训练营,一起创业!查看介绍 / 立即报名(剩余10个优惠名额) →

React Naitve 项目在真正的设备上运行:iOS 设备

我们需要在真正的设备上去调试自己开发的应用,这样才能得到用户的真正的使用体验。使用 React Native 创建的项目,您可以在 Android 或 iOS 真正的设备上去调试。下面介绍一下在 iOS 设备上运行 React Native 项目的方法。

准备

  • 一台 Mac 电脑。想开发 iOS 平台的应用,您必须有一台安装了 OSX 系统的电脑,这样才能安装它的开发者工具 Xcode 。
  • 一台 iOS 设备。iPhone,iPad 都可以。
  • 一张支持国际货币的信用卡。用来支付苹果开发者计算的会员费。
  • 加入苹果开发者计划。在苹果的开发者网站可以去申请,每年需要交六百多块人民币的会员费用。

实施

获取到自己电脑的 IP

在真正的 iOS 设备上运行应用,我们仍然可以使用本地电脑上的开发服务器,不过需要修改项目的一个地方,您要先确定你的 Mac 与 iOS 设备在同一 WIFI 环境下,然后查看一下自己电脑的 IP 地址,Mac 用户可以打开终端,运行 ifconfig 命令查看自己电脑的 IP 地址,比如我知道自己的 WIFI 环境下,设备的 IP 地址是以 192 开头的,所以可以这样:

Mac 查看 IP 地址:

→ ifconfig | grep 192
 inet 192.168.1.140 netmask 0xffffff00 broadcast 192.168.1.255

修改开发服务器的地址

上面得到的 192.168.1.140,就是我的电脑的 IP 地址。然后去修改项目文件的一个地方,比如我的项目名字是 Movietalk ,这个文件的位置是在:MovieTalk/ios/MovieTalk/AppDelegate.m 。

查找:

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"];

换成:

jsCodeLocation = [NSURL URLWithString:@"http://192.168.1.140:8081/index.ios.bundle"];

 

上面就是把 localhost 换成了我自己电脑的 IP 地址,这样您的 iOS 设备就可以跟运行在我们自己电脑上的开发服务器沟通了。

配置项目

打开 React Native 项目,在 iOS 目录下的项目文件(*.xcodeproj)。选中这个项目,然后打开 Build Settings 选项卡,搜索 dead ,找到 Linking 下面的 Dead Code Stripping 下面的 Debug ,把它的值修改成 No 。

Snip20151129_1

连接设备

把 iOS 设备使用 USB 线连接到你的 Mac 电脑上,解锁 iOS 设备,然后在 Xcode 项目上,选择你连接的这台 iOS 设备。点击运行,这样就可以在这台 iOS 设备上运行你的应用了。注意这里会提示你使用苹果的开发者计划,用你的已经加入了苹果开发者计算的苹果 ID 登录一下,Xcode 会自动生成一些需要的东西,完成以后就可以在你的 iOS 设备上看到自己开发的应用了。

338A0506

React

评论

现在多少钱一年?

我今天续了费,是 688 人民币。我记得第一个加入苹果开发者计划的时候是 99 美金,续费怎么还涨了点钱呢,呵呵。

人民币贬值

哦,哈哈,原来是这么回事。

会出安卓系统的版本操作不?

嗯,能行。

不购买开发者会员费,不能在手机上测试吗?

对啊,苹果要求是这样的,必须要加入它的开发者计划,每年交会员费。我们国内也有类似的,比如加入微信的开发者计划也需要每年交钱,一年 300 。

无证书也可以真机调试了,参考:iOS开发者的福利 — — iOS9+Xcode7免越狱免证书直接调试
http://www.cnblogs.com/yyt-hehe-yyt/p/4876910.html

哈哈哈。真厉害!!

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点