我要评论
一篇文章教会你如何在ios真机上完美运行react native
项目初始化
在终端使用**npx react-native init projectname**初始化react native项目。
进入项目目录后，如果项目是第一次首次运行，你需要先进入项目的ios目录，在终端输入**open projectname.xcworkspace，这个命令将会使用xcode打开项目。**
npx react-native init projectname
cd projectname
cd ios
open projectname.xcworkspace
项目配置
使用xcode打开项目后，如图所示，你需要按照如下步骤来进行项目的配置：
- 点击项目
- 选择targets
- 前往signing & capabilities
- 选择你的team
接着你点击xcode左上角的运行按钮或者回到react native项目根目录下运行yarn start应该就可以正常运行项目啦！
享受你的编程吧！
可能遇到的问题
没有账号也没有team
在xcode中添加team非常重要，因为这关系到能否在真机上运行您的react native应用。以下是添加team的步骤：
- 打开xcode，在顶部菜单栏选择**
xcode** ->preferences（或者直接按下**command** + **,**快捷键）。 - 在弹出的偏好设置窗口中，点击**
accounts**标签。 - 点击左下角的**
+**号按钮来添加一个新的apple id。 - 在弹出的对话框中，选择**
apple id，然后点击continue**。 - 输入您的apple id和密码，然后点击**
next**。如果您开启了两因素验证，还需要输入验证代码。 - 登录成功后，您的apple id会显示在左侧的账户列表中。确保您已经注册了apple开发者计划，否则您将无法在真机上运行应用。
- 关闭**
preferences**窗口，返回到您的项目。 - 在项目导航器中，选择您的项目（通常位于导航器窗口的最顶部）。
- 在主窗口中，选择**
targets**，然后选择您的项目。 - 在**
signing & capabilities标签中，找到team**下拉菜单。如果您已经添加了apple id并且是apple开发者计划的成员，您应该能够在下拉菜单中看到与您的apple id关联的team。 - 选择相应的team。如果一切设置正确，xcode将自动为您创建并管理开发证书、供应文件等。
完成以上步骤后，您就可以继续在真机上调试和运行您的react native应用了。记得在您第一次尝试运行应用在您的ios设备上时，可能需要在设备上信任开发者证书。
设备上没有打开开发者模式，也没有信任开发者证书
如果你遇到如图所示的问题，那你就是没有打开开发者模式也没有信任开发者证书。
在设备上打开开发者模式步骤如下：
在ios设备上打开开发者模式通常涉及以下步骤：
-
更新ios版本：首先确保您的iphone或ipad更新到了最新的ios版本。
-
打开设置应用：在您的ios设备上找到并打开“设置”应用。
-
进入“隐私”：在设置菜单中，滚动找到并点击“隐私”。
-
启用开发者模式（ios 14及以上版本）：
- 滚动到页面底部，找到“开发者模式”。
- 点击“开发者模式”，然后按照屏幕上的指示开启开发者模式。这可能需要您重启设备。
如果您没有看到“开发者模式”的选项，请尝试以下步骤：
- 连接到mac并使用xcode：将您的ios设备通过usb线连接到安装了xcode的mac。在mac上启动xcode，然后在xcode中选择window > devices and simulators。在出现的设备列表中，选择您的设备。xcode会与设备通信并可能提示您是否允许设备与xcode配对。接受后，设备应该就会进入开发者模式。
- 信任计算机：连接设备到mac后，如果设备屏幕上弹出“信任此电脑”的提示，请选择“信任”，并输入您的设备解锁密码。
一旦开发者模式被启用，您就可以安装测试应用、进行调试等开发者操作了。如果在启用开发者模式的过程中遇到困难，您可能需要查看苹果官方文档或者更新您的xcode到最新版本。在一些ios版本中，只有当您的设备与xcode配对并且xcode识别您的设备为开发设备后，"开发者模式"选项才会出现在设置中。
信任开发者证书的步骤如下：
- 在iphone上，打开“设置”应用。
- 滚动到“通用”并点击它。
- 滚动到最底部，找到并点击“设备管理”或者“描述文件与设备管理”。
- 在“设备管理”页面中，找到您的开发者应用证书，它可能显示为您的apple id或者您的公司/应用名称。
- 点击这个证书，然后点击“信任”按钮。
- 在弹出的对话框中再次点击“信任”确认您的选择。
无线调试
在ios设备上启用无线调试的步骤如下：
- 使用usb线将您的ios设备连接到mac。
- 打开xcode，然后转到“window”（窗口）> “devices and simulators”（设备与模拟器）。
- 在“devices and simulators”窗口中，选择“devices”（设备）标签。
- 在左侧的设备列表中，找到并选择您的ios设备。
- 勾选您的设备信息旁边的“connect via network”（通过网络连接）复选框。
- 一旦勾选，xcode将尝试通过网络与设备建立连接。这可能需要几秒钟的时间。成功连接后，设备旁边会出现一个网络图标。
在完成上述步骤后，您就可以在没有使用usb线连接的情况下，通过wi-fi进行调试了。但是，请注意以下几点：
- 确保您的mac和ios设备连接到同一个wi-fi网络。
- 如果您的设备或mac进入睡眠模式，无线连接可能会断开。您可能需要重新唤醒它们以重新建立连接。
- 在某些情况下，如果无法通过无线连接，可能需要重新插拔usb线来帮助xcode识别设备。
开启无线调试后，您可以在没有物理连接的情况下部署和调试应用，这在某些开发场景下非常方便。
如果喜欢的话欢迎关注我的twitter，我会经常更新技术前沿内容～
发表评论