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

2022-09-20 15:17:59 浏览数 (1)

在文章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 信息。

成功选中后,我们可以看到状态变更为下面

0 人点赞