Flutter iOS 真机测试 -- 值得收藏

[reng99]

在文章Flutter 布局备忘录 -- 多图警告，干货建议收藏中，我们了解了常用的布局。在文章Flutter 结合 Dio 使用中，我们了解了接口请求。那么，当一个 Flutter 应用开发完之后，我们怎么在 iOS 真机的调试呢？本文，我们来了解下。

准备工作

• 一台 Mac 电脑，安装了 Xcode 软件

• 一条 USB 线
• 一台 iPhone
• 一个能正常运行的 Flutter 项目

这里的 Flutter 项目，我使用了在 Flutter 结合 Dio 使用文章中的项目。

用 USB 将手机和电脑连接起来。手机中弹窗选择信任该电脑。

Xcode 配置

进入项目的 ios 文件夹，双击文件 Runner.xcworkspace，自动调起 Xcode 软件。

因为准备工作的时候，已经将手机连接到电脑，所以，你在 Runner 这里会找到你的手机，点选连接的手机：

这里我连接的是自己的手机，手机名称为嘉明

在 Signing & Capabilities 配置信息中，你需要选择一个团队，如果团队状态未识别，你需要登陆。

成功登陆后，你可以看到类似下面成功的页面。

操作完上面之后，你可以点击运行按钮，运行项目。

此时，你会看到 codesign 想访问您的钥匙串中的密钥 的弹窗。

填写你本机的登陆密码，并点选 始终允许 或 允许。

建议选择始终允许，不然选择允许后，下次进来你还得允许。

手机配置

在上面输入登陆的钥匙后，我们连接的手机上会弹出提示不受信任的开发者的信息。

我们根据提示，在设置中允许使用这些 App。

操作路径：设置 -> 通用 -> 描述文件与设备管理 -> 开发者APP

选中我们的 Apple Development 信息。

成功选中后，我们可以看到状态变更为下面👇这样：

Flutter Demo 是我项目的名称

此时，你可以在的手机上看到一个名称为 Flutter Demo 的 Flutter 应用。

此时你点击打开 Flutter Demo 应用，可能会得到下面的信息提示：

因为自己手机系统是 14.2，所以它告诉我，应用只能通过 IDE 发起或者是 Xcode。所以，我们在 Xcode 上再次点击运行按钮，运行我们的项目即可，可能会出现下面这个信任弹窗：

选择信任后，你可以看到我们的 Flutter 应用内容了。

后话

在 IDE 上更改内容后，再次点击运行按钮之后，你在手机应用上可以看到更新的内容。

很酷，是吧，读者感兴趣可以尝试一下～