学习资料:
http://flutter.liulongbin.top/ https://flutterchina.club/
https://www.w3cschool.cn/evilg/evilg-7rgj35tt.html
前言:
Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台.
1.项目基本创建(VsCode):
为 VS Code 安装 Flutter 插件
- 启动 VS Code
- 调用 查看>命令面板
- 输入 install, 然后选择 Extensions: Install Extension
- 在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
- 选择 ‘OK’ 重新启动 VS Code
通过flutter doctor验证 VS Code 是否安装配置成功
- 调用 查看>命令面板
- 输入 ‘doctor’, 然后选择 Flutter: Run Flutter Doctor
- 查看“OUTPUT”窗口中的输出是否有问题
创建flutter项目
- 在 VS Code 面板中,按下快捷键 Ctrl + Shift + P 打开命令面板
- 在命令面板中输入 flutter
- 选择 flutter: New Project 选项创建新项目
- 选择项目存放目录后,刚才执行的命令会自动创建 Flutter 项目
运行flutter项目
- ctrl + ~(VsCode):打开终端 运行 flutter devices 命令查看是否有android设备连接到当前电脑上
- 如果显示已有安卓设备连接到当前电脑,则运行 flutter run 命令,即可把项目以 debug 调试模式运行于安卓设备之上
注意:如果运行 flutter devices 命令无法查看到已连接的安卓设备,则按步骤配置手机,开启开发者模式: - 需要安装 Android 4.1(API level 16) 或 更高版本 的Android设备在您的设备上启用 开发人员选项 和 USB调试 。详细说明可在 Android文档 中找到。
- 使用USB将手机插入电脑。如果您的设备出现提示,请授权您的计算机访问您的设备。
- 在终端中,运行 flutter devices 命令以验证Flutter识别您连接的Android设备。
连接第三方模拟器(夜神)
- 夜神bin目录下
nox_adb.exe connect 127.0.0.1:62001
- vscode项目terminal下执行
adb connect 127.0.0.1:62001
- 查看连接
adb devices
- 打包发布 Android 项目:
app 签名:
创建 keystore:
keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
其中:
- -keystore 参数后的值: my-release-key.keystore, 表示一会儿要生成的那个 签名文件 的名称;请先保存好这个名称,因为后面发布项目期间会用到它。
- -alias 参数后面的值:my-key-alias,后续发布项目期间也会用到,因此也需要保存好这个参数值;注意:这个参数的值可以根据自己的需要进行自定制。
- 当运行这个命令的时候,需要输入一系列的参数,和相关的口令的密码,一定要保存好相关的密码,后期会用到。
- 当生成了签名之后,这个签名,默认保存到了自己的用户目录下 C:\Users\用户名目录\my-release-key.keystore
- 将自己的签名证书 copy 到 android/app 目录下。
引用应用程序中的 keystore:
创建一个名为 /android/key.properties 的文件,其中包含对密钥库的引用:
storePassword=<password from previous step>
keyPassword=<password from previous step>
keyAlias=key
storeFile=<location of the key store file, e.g. /Users/<user name>/key.jks>
storePassword=123456789.
keyPassword=123456789.
keyAlias=my-key-alias
storeFile=my-release-key.keystore
在 gradle 中配置签名:
通过编辑 /android/app/build.gradle 文件为您的应用配置签名:
- 替换:
android {
为:
def keystorePropertiesFile = rootProject.file("key.properties")
def keystoreProperties = new Properties()
keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
android {
- 替换:
buildTypes {
release {
// TODO: Add your own signing config for the release build.
// Signing with the debug keys for now, so `flutter run --release` works.
signingConfig signingConfigs.debug
}
}
为:
signingConfigs {
release {
keyAlias keystoreProperties['keyAlias']
keyPassword keystoreProperties['keyPassword']
storeFile file(keystoreProperties['storeFile'])
storePassword keystoreProperties['storePassword']
}
}
buildTypes {
release {
signingConfig signingConfigs.release
}
}
2.修改 App 名称和图标:
- 修改应用名称
- 打开位于 /android/app/src/main/ 中的 AndroidManifest.xml 文件
- 找到 application 节点,编辑 application 标签, 这是应用的名称。
- 修改应用图标
- 使用 Hbuilder 工具快速生成应用图标;
- 在 /android/app/src/main/res/ 目录中,将图标文件放入使用配置限定符命名的文件夹中。把自己生成的图标,按照规范的名称和大小,覆盖 Flutter 的默认图标。
3. 构建一个发布版(release)APK:
- 使用命令行:
cd ( 为您的工程目录). 运行 flutter build apk (flutter build 默认会包含 --release 选项)
打包好的发布APK位于 /build/app/outputs/apk/app-release.apk - 用USB您的Android设备连接到您的电脑
cd
运行 flutter install