2025 独立开发者训练营:AI Agent!查看介绍 / 立即报名 →

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
微信好友

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

微信公众号

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

240746680

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

统计

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

社会化网络

关于

微信订阅号

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