Flutter iOS 真机测试 — 值得收藏

在文章Flutter 布局备忘录 — 多图警告,干货建议收藏中,我们了解了常用的布局。另一种处理方式 iOS 14 not letting Flutter apps to launch from the home screen comp

#头条创作挑战赛#

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

本文同步本人掘金平台的文章:https://juejin.cn/post/7112590163884113934

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

准备工作

  • 一台 Mac 电脑,安装了 Xcode 软件
Flutter iOS 真机测试 -- 值得收藏

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

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

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

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

Xcode 配置

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

手机配置

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

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

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

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

选中我们的 Apple Development 信息。

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

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

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

Flutter Demo 是我项目的名称

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

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

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

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

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

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

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

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

另一种处理方式 iOS 14 not letting Flutter apps (still in dev) to launch from the home screen compared to Building/Running from the IDE

后话

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

很酷,是吧,读者感兴趣可以尝试一下~

如果读者喜欢本文,不妨一键三连:点赞 + 收藏 + 关注

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/80303.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信