如何在真实设备上运行/测试我的Flutter应用程序?

96

我希望在开发过程中在真实的 iPhone 和 Android 手机上运行/测试(非自动化测试)我的 Flutter 应用程序。然而,Flutter 文档似乎只记录如何使用 iOS 模拟器或 Android 模拟器进行操作。

我认为这对于 iOS/Android 开发人员来说已经是一个轻而易举的事情,但我不是这样的开发人员,而 Flutter 是我进入移动开发领域的第一步。

是否有任何初学者指南的链接可以告诉我如何在真实设备上进行 Flutter 应用程序的开发(包括 Flutter 的实时重新加载功能)?

额外的信息

  • 我是一名 Web 开发人员。
  • 我使用 Android Studio 和 VS Code。
  • 我使用 MacBook。

你可以使用Android Studio或Intellij IDE,并通过从运行菜单中点击绿色运行按钮来运行应用程序,就像普通的Android应用程序一样。请参考https://flutter.io/docs/get-started/codelab codelab和入门页面。 - Raghunandan
1
那在模拟器中运行,这不是我想要的。我在那个页面上看不到任何关于设置我的真实设备的内容。 - Noel Llevares
1
请看这个答案 - Umair M
可能是flutter run: No connected devices的重复问题。 - Richard Heap
它在真实设备上运行良好(我自己制作了),但您需要注册iOS开发计划并了解Xcode。 - CZ54
显示剩余2条评论
5个回答

112

对于Android来说,这相当容易::

  1. 在设备上启用开发人员选项和USB调试。这在Android版本上略有不同,但简短的版本是您点击设备构建号7次。然后会出现“开发人员选项”选项,您可以单击“启用USB调试”。请参阅链接的Android文档以获取最新的说明。
  2. 然后使用USB电缆将手机连接到计算机上。您可能会在手机上看到一些弹出窗口,询问您是否要允许该计算机进行USB调试。选择“是”。
  3. 运行Flutter,就像您有模拟器正在运行一样。

使用正确的电缆可能会有所不同。如果设备正在充电但没有任何作用,请尝试使用另一个电缆,最好是随设备附带的电缆。设备上的通知(例如“连接为媒体设备”)和Windows上的通知(例如“设备已连接并准备就绪”)表明USB连接正在工作。然后,您应该能够在CLI上看到设备:

flutter devices

对于iOS来说,这会有些复杂,因为你需要一个苹果账号或者注册一个"开发者账号":

  1. 打开XCode,然后打开"偏好设置>账户"。使用您的ID登录。
  2. "管理证书" > 点击"+"符号并选择"iOS开发"。
  3. 将您的设备插入计算机。在下拉列表中找到您的设备(窗口>组织者)。
  4. 在团队弹出菜单下方,点击“修复问题”。
  5. Xcode中,单击运行按钮。

(在后续运行中,您可以使用Android Studio、VS Code或其他任何喜欢的IDE部署到iOS设备,您只需要在Xcode中第一次设置该证书。这是苹果关于设置Xcode以在物理设备上运行的文档在此。)


23
如何“像模拟器运行一样运行Flutter”。 - Sam
4
使用正确类型的电缆会有所帮助。我最开始使用的那个电缆只能充电,但是当我换成了数据线后,Visual Studio Code就能够检测到设备了。 - therightstuff
1
@FrancescoB。我可以选择任何一个,但是在不指明可以在哪个程序中找到按钮的外观的情况下进行描述是困难模式:P - Moberg
1
在终端中使用 flutter run 命令。 - Peter Nielsen
1
@therightstuff 很准确,那就是我缺少的,正确的电缆!我会将其编辑到答案中。 - Nagev
显示剩余7条评论

9
此外,您可以使用scrcpy在无线情况下使用您的Android设备。
访问此链接并安装scrcpy。https://github.com/Genymobile/scrcpy 在您的PC /笔记本电脑上安装并设置scrcpy路径后。
  1. 确保您的手机已连接到您的PC /笔记本电脑。
  2. 启用开发者选项并将您的设备连接到WIFI。
  3. 打开CMD。
  4. 输入“adb tcpip 5555”。 adb应重新启动。
  5. 接下来,输入“adb connect ipaddressofyourdevice:5555” 例如:adb connect 192.168.254.19:5555。
现在,您可以在无线情况下使用您的设备。

Scrcpy是用于屏幕复制的工具。它是否提供了一种在目标设备上测试正在开发的应用程序的方法?或者这个答案离题了吗? - Chris Nadovich

6

将您的真实设备连接到开发PC上。为了检查设置过程,请运行flutter doctor命令。如果所有必需条件都成功,则运行以下命令:

flutter run


4
运行 flutter devices
识别您的设备。
运行 flutter run -d "<device_id>"flutter run -d "<device_name>"

0
跟着这些简单的步骤走。
1. 在你的手机上启用开发者选项。 2. 用USB线将手机连接到电脑。 3. 进入你的Flutter项目文件路径。 4. 打开终端。 5. 输入以下命令 `flutter devices`。 6. 接下来输入以下命令 `flutter run`。 7. 然后选择你的设备(如1、2、3)。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接