如何使用主机的模拟器使 Flutter 在 WSL2 上工作？

Question

这个问题很头疼，所以我想分享我的解决方案。它开始安装 Android SDK（不安装 Android Studio）、Dart 和 Flutter 的要求，并最终在 Windows 主机上运行 Flutter 应用程序。

==================

在 WSL2 上

==================

$ lsb_release -a
Distributor ID: Ubuntu
Description:    Ubuntu 20.04 LTS
Release:        20.04
Codename:       focal

安装 Dart

$ sudo apt-get update && sudo apt-get upgrade
$ sudo apt-get install apt-transport-https
$ sudo sh -c 'wget -qO- https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add -'
$ sudo sh -c 'wget -qO- https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list > /etc/apt/sources.list.d/dart_stable.list'
$ sudo apt-get update
$ sudo apt-get install dart
$ echo "export PATH=\"/usr/lib/dart/bin:$PATH\"" >> ~/.bashrc
$ source ~/.barshrc 
$ dart --version
Dart VM version: 2.8.4 (stable) (Unknown timestamp) on "linux_x64"

===>>>注意：Dart SDK与Flutter捆绑在一起

安装 Android SDK

获取仅适用于 Android (Linux) 的命令行工具。

$ sudo apt install -y lib32z1 default-jdk git unzip zip
$ cd ~/Downloads
$ unzip commandlinetools-linux-6609375_latest.zip
$ rm commandlinetools-linux-6609375_latest.zip
$ mkdir -p Android/cmdline-tools
$ mv tools/ Android/cmdline-tools/
$ mv Android/ ~/Programs/

将以下行附加到.bashrc文件：

# Android
export ANDROID_SDK_ROOT=$HOME/Programs/Android
export PATH=$ANDROID_SDK_ROOT/cmdline-tools/tools:$PATH
export PATH=$ANDROID_SDK_ROOT/cmdline-tools/tools/bin:$PATH
export PATH=$ANDROID_SDK_ROOT/cmdline-tools/tools/lib:$PATH
export PATH=$ANDROID_SDK_ROOT/platform-tools:$PATH
export PATH=$ANDROID_SDK_ROOT/emulator:$PATH

# Java
export JAVA_HOME=/usr/lib/jvm/java-11-openjdk-amd64
export PATH=$JAVA_HOME/bin:$PATH

继续安装

$ cd ~
$ source .bashrc
$ sdkmanager --version
    4.0.1
$ sdkmanager --list
$ sdkmanager --install "system-images;android-29;google_apis;x86" "platform-tools" "platforms;android-29" "build-tools;29.0.3"
$ sdkmanager --install "cmdline-tools;latest"
$ sdkmanager --update
$ sdkmanager --list | sed -e '/^$/q'
$ sdkmanager --licenses

接受所有许可。

安装颤振

$ cd ~/Downloads
$ wget https://storage.googleapis.com/flutter_infra/releases/stable/linux/flutter_linux_1.17.5-stable.tar.xz
$ cd ~/Programs
$ tar xf ~/Downloads/flutter_linux_1.17.5-stable.tar.xz
$ cd ~
$ echo "export PATH=$HOME/Programs/flutter/bin:$PATH" >> .bashrc
$ source .bashrc
$ flutter --version
Flutter 1.17.5 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 8af6b2f038 (11 days ago) • 2020-06-30 12:53:55 -0700
Engine • revision ee76268252
Tools • Dart 2.8.4
$ flutter config --android-sdk $ANDROID_SDK_ROOT

创建模拟器

$ cd ~
$ curl -s "https://get.sdkman.io" | bash
$ source .sdkman/bin/sdkman-init.sh
$ sdk v
    SDKMAN 5.8.3+506
$ sdk install gradle 6.5.1
$ gradle -v
$ avdmanager list
$ echo "no" | avdmanager --verbose create avd --force --name "generic_10" --package "system-images;android-29;google_apis;x86" --tag "google_apis" --abi "x86"

在~/.android/avd/generic_10.avd/config.ini文件中添加/修改这些行：

skin.name=1080x1920
hw.lcd.density=480
hw.keyboard=yes

检查模拟器创建：

$ emulator -list-avds

==================

在 Windows 10 上

==================

> Get-ComputerInfo -Property "WindowsProductName"
Windows 10 Pro
> Get-ComputerInfo -Property "WindowsVersion"
2004
> Get-ComputerInfo -Property "OsBuildNumber"
19041
> Get-ComputerInfo -Property "OsArchitecture"
64-bit
> Get-NetIPAddress -AddressFamily IPv4 -InterfaceAlias Ethernet|findstr IPAddress
IPAddress         : 192.168.0.29

安装 Android SDK

获取仅适用于 Android (Windows) 的命令行工具。

后续步骤与在 WSL2 上安装 Android SDK部分基本相同，如有任何疑问，您可以阅读此页面以供参考。

创建模拟器

要在 Windows 中安装Gradle，请按照本页中的说明进行操作。其余步骤与在 WSL2 上创建模拟器部分中的相同，其中~指出您在 Windows 中的主文件夹。

准备主机收听

您可以使用adb和emulator工具使用任何端口，但如果他们使用默认端口自行管理它会更简单。对于adb工具，它的默认端口是 5037。IP Helper服务使用该端口（在我的情况下），所以我不得不停止它。

打开终端并检查端口 5037 的状态：

> netstat -aon|findstr 5037

运行这些命令：

> adb kill-server
> adb -a -P 5037 nodaemon server

打开另一个终端（不要关闭前一个）并运行：

> emulator -avd generic_10

打开另一个终端（不要关闭以前的终端）并运行：

> adb devices
List of devices attached
emulator-5554   device

==================

在 WSL2 上

==================

与主人一起工作 adb

$ echo "export ADB_SERVER_SOCKET=tcp:192.168.0.29:5037" >> ~/.bashrc
$ source ~/.bashrc
$ adb devices
List of devices attached
emulator-5554   device

运行我们的 Flutter 应用

$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[?] Flutter (Channel stable, v1.17.5, on Linux, locale C.UTF-8)

[?] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[!] Android Studio (not installed)
[?] Connected device (1 available)

! Doctor found issues in 1 category.
$ flutter create hello_world
$ cd hello_world
$ flutter run   

==================

观察

==================

• 第一次构建/运行应用程序需要更长的时间
• VSCode（远程）可以检测到这个连接的设备，但不能正确部署到模拟器，所以最好在终端上运行应用程序
• 您不能在 flutter 应用程序中使用“热重载”功能，因为部署/运行的过程永远不会结束，但是该包确实已安装并在您的模拟器中运行，但对于源代码的任何更改，您需要重新运行该应用程序。
• 此操作消耗太多内存 (~90%)。有一个解决方法来尊重。我的配置是：

.

[wsl2]    
memory=4GB # Limits VM memory in WSL 2 to 4 GB
swap=0

====================

查阅的页面

====================

• https://flutter.dev/docs/get-started/install/linux
• 使用 WSL 2 颤动
• Android 命令行工具 sdkmanager 始终显示：警告：无法创建设置
• 如何在没有 Android Studio 的情况下在 Ubuntu 上安装 Flutter
• 使用 AVDMANAGER 和 SDKMANAGER 安装和创建模拟器
• 在 WSL2 中构建 React Native 应用程序
• 在带有 WSL2 的 Windows 10 上使用 Android 模拟器
• 使用 VSCode 和 WSL2 开发 Flutter
• 将 ADB 与 WSL2 结合使用
• 亚行
• Android 调试桥 (adb)
• 如何通过 TCPIP 连接使用 adb？
• 使用直接在 Windows 中运行的模拟器在 WSL 中运行 React Native
• 如何在连接到远程系统的设备上部署和执行应用程序？
• Kotlin 在 Java 安装中找不到所需的 JDK 工具
• Android Studio 在没有 sdkmanager 的情况下安装

Answer 1

如果您像我一样，那么在让 adb 工作时您会遇到很多问题。您需要确保 Windows 主机和 linux 映像都具有相同版本的 adb。遵循本指南https://www.androidexplained.com/install-adb-fastboot/#update帮助我在 Windows 上更新 adb。