flutter应用打包、修改图标、启动页和app名字

最新推荐文章于 2024-05-15 12:31:14 发布
最新推荐文章于 2024-05-15 12:31:14 发布
阅读量2.9k 收藏 5
点赞数 2
分类专栏： flutter 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38410494/article/details/109674583
版权

打包flutter app

创建密钥

如果您已有密钥库，请跳到下一步。 如果没有，请在命令行中运行以下命令来创建一个：

在Mac / Linux上，使用以下命令：

keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key

在Windows上，使用以下命令：

keytool -genkey -v -keystore c:\Users\USER_NAME\key.jks -storetype JKS -keyalg RSA -keysize 2048 -validity 10000 -alias key

此命令将key.jks文件存储在主目录中。 如果要将其存储在其他位置，请更改传递给-keystore参数的参数。 但是，请将密钥库文件保持私有状态； 不要将其检入公共源代码控制中！

注意：

  • keytool命令可能不在您的路径中，它是Java的一部分，而Java是作为Android Studio的一部分安装的。 对于具体路径，请运行flutter doctor -v并找到在’Java binary at:'之后打印的路径。 然后使用该标准路径将Java（最后）替换为keytool。 如果您的路径包含以空格分隔的名称（例如“Program Files”），请使用平台专用的名称表示法。 例如，在Mac / Linux上，使用Program \ Files，在Windows上，使用“ Program Files”。
  • 只有Java 9或更高版本才需要-storetype JKS标记。 从Java 9版本开始，密钥库类型默认为PKS12。

应用程序中引用密钥库

创建一个名为<app dir>/android/key.properties的文件，其中包含对密钥库的引用：

storePassword=<password from previous step>
keyPassword=<password from previous step>
keyAlias=key
storeFile=<location of the key store file, such as /Users/<user name>/key.jks>

配置Gradle登录

通过编辑<app dir>/android/app/build.gradle文件为您的应用配置签名。

  1. 在android块之前添加代码：

       android {
      ...
   }

    使用属性文件中的密钥库信息：

       def keystoreProperties = new Properties()
   def keystorePropertiesFile = rootProject.file('key.properties')
   if (keystorePropertiesFile.exists()) {
       keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
   }

   android {
         ...
   }

    将key.properties文件加载到keystoreProperties对象中。

  2. 在buildTypes块之前添加代码：

       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 keystoreProperties['storeFile'] ? file(keystoreProperties['storeFile']) : null
           storePassword keystoreProperties['storePassword']
       }
   }
   buildTypes {
       release {
           signingConfig signingConfigs.release
       }
   }

    在模块的build.gradle文件中配置signingConfigs块。

您的应用的发布版本现在将自动签名。

注意：更改gradle文件后，您可能需要运行Flutter Clean。 这样可以防止缓存的版本影响签名过程。

用R8缩小代码

R8是Google推出的新代码缩减器，在您构建发行版APK或AAB时默认启用。 要禁用R8，请传递--no-shrink标志在使用flutter build apk或flutter build appbundle。

注意：混淆和缩小会大大延长Android应用程序的编译时间。

查看应用清单

查看位于<app dir>/android/app/src/main中的默认App Manifest文件AndroidManifest.xml，并验证值是否正确，尤其是以下内容：

应用

在application标记中编辑android：label，以反映应用的最终名称。

权限

如果您的应用程序代码需要Internet访问，请添加android.permission.INTERNET权限。 标准模板不包含此标签，但允许在开发过程中访问Internet以启用Flutter工具与正在运行的应用程序之间的通信

查看构建配置

查看位于<app dir>/android/app中的默认Gradle构建文件文件build.gradle，并验证值是否正确，尤其是defaultConfig块中的以下值：

applicationId

指定最终的唯一（应用程序ID）appid

versionCode & versionName

指定内部应用程序的版本号，以及版本号显示字符串。 您可以通过在pubspec.yaml文件中设置version属性来执行此操作。 请查阅版本文档中的版本信息指南。

minSdkVersion，compilesdkVersion & targetSdkVersion

指定最低API级别，在其上编译应用程序的API级别以及在其上设计运行该应用程序的最大API级别。 有关详细信息，请查阅版本文档中的“ API级别”部分。

指定您的应用使用的Android SDK构建工具的版本。 或者，您可以使用Android Studio中的[Android Gradle插件]，它将自动为您的应用程序导入所需的最低构建工具，而无需使用此属性。

构建要发布的应用

发布到Play商店时，您有两种可能的发行格式。

  • App bundle（首选）
  • APK

创建app bundle

如果您完成了签名步骤，则将对应用程序捆绑包进行签名。 此时，您可能会考虑混淆Dart代码，以使反向工程更加困难。 混淆代码涉及在构建命令中添加几个标志，并维护其他文件以消除对堆栈跟踪的混淆。

在命令行中：

  1. 进入 cd <app dir>

    （将<app dir>替换为应用程序的目录。）

  2. 运行flutter build appbundle

    （运行flutter build默认为发布版本。）

在<app dir>/build/app/outputs/bundle/release/app.aab中创建了您的应用程序的发行包。

默认情况下，应用程序捆绑包包含Dart代码和Flutter运行时，它们针对armeabi-v7a（ARM 32位），arm64-v8a（ARM 64位）和x86-64（x86 64位）编译。

创建APK

尽管应用捆绑包的优先级高于APK，但有些商店尚不支持应用捆绑包。 在这种情况下，请为每个目标ABI（应用程序二进制接口）构建一个发行版APK。

如果您完成了签名步骤，则APK将被签名。 此时，您可能会考虑混淆Dart代码，以使反向工程更加困难。 混淆代码涉及在构建命令中添加几个标志。

在命令行中：

  1. 进入 cd <app dir>

    （将<app dir>替换为应用程序的目录。）

  2. 运行flutter build apk --split-per-abi

    （运行flutter build默认为--release。）

此命令产生三个APK文件：

  • <app dir>/build/app/outputs/apk/release/app-armeabi-v7a-release.apk
  • <app dir>/build/app/outputs/apk/release/app-arm64-v8a-release.apk
  • <app dir>/build/app/outputs/apk/release/app-x86_64-release.apk

删除--split-per-abi标志会生成一个fat APK，其中包含为所有目标ABI编译的代码。 此类APK的大小要大于拆分后的对应文件，导致用户下载不适用于其设备架构的本机二进制文件。

在设备上安装APK

请按照以下步骤在连接的Android设备上安装APK。

在命令行中：https://flutter.dev/docs/deployment/android

  1. 使用USB电缆将Android设备连接到计算机。
  2. 使用cd <app dir>，其中<app dir>是您的应用程序目录。
  3. 运行flutter install。

https://flutter.dev/docs/deployment/android

修改图标和app名字

Android

  1. 打开<app dir>/android/app/src/main/AndroidMainifest.xml，找到配置位置：

    	    <application
	        android:name="io.flutter.app.FlutterApplication"
	        android:label="flutter-app"
	        android:icon="@mipmap/ic_luncher_logo">
	        <activity

    label为app名字，icon为app图标。

  2. 图标存放位置在<app dir>/android/app/src/main/res下，

    注意:

    • 有好几个mipmap文件夹，这和ios是一样的，这几个是适配不同分辨率的手机。只需让美工出相应尺寸的图标放到相应的文件夹就可以了。
    • 注意图片需要是png格式。

IOS

  1. 打开<app dir>/ios/Runner/info/plist，找到配置位置：

    <dict>
	<key>CFBundleDevelopmentRegion</key>
	<string>$(DEVELOPMENT_LANGUAGE)</string>
	<key>CFBundleExecutable</key>
	<string>$(EXECUTABLE_NAME)</string>
	<key>CFBundleIdentifier</key>
	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
	<key>CFBundleInfoDictionaryVersion</key>
	<string>6.0</string>
	<key>CFBundleName</key>
	<string>flutter-app</string>

    CFBundleName下面的字符串就是app的名称。

  2. 图标放到<app dir>/ios/Runner/Assets.xcassets/AppIcon.appiconset下，然后在Contents.json配置。

    {
  "images" : [
    {
      "size" : "20x20",
      "idiom" : "iphone",
      "filename" : "Icon-App-20x20@2x.png",
      "scale" : "2x"
    },
    {
      "size" : "20x20",
      "idiom" : "iphone",
      "filename" : "Icon-App-20x20@3x.png",
      "scale" : "3x"
    },
    {
      "size" : "29x29",
      "idiom" : "iphone",
      "filename" : "Icon-App-29x29@1x.png",
      "scale" : "1x"
    },
    {
      "size" : "29x29",
      "idiom" : "iphone",
      "filename" : "Icon-App-29x29@2x.png",
      "scale" : "2x"
    },

修改启动图

Android

修改文件在项目中android目录中，找到app>src>main>res>drawable>launch_background.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- Modify this file to customize your launch splash screen -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/white" />

    <!-- You can insert your own image assets here -->
    <item>
        <bitmap
            android:gravity="center"
            android:src="@mipmap/ic_logo" />
    </item>
</layer-list>

IOS

在项目下找到ios目录，依次Runner>Assets.xcassets>LaunchImage.imageset，根据需求修改LaunchImage图片文件，并在同级别的Contents.json文件中配置即可。

{
  "images" : [
    {
      "idiom" : "universal",
      "filename" : "LaunchImage.png",
      "scale" : "1x"
    },
    {
      "idiom" : "universal",
      "filename" : "LaunchImage@2x.png",
      "scale" : "2x"
    },
    {
      "idiom" : "universal",
      "filename" : "LaunchImage@3x.png",
      "scale" : "3x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}
zacharyzlj
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flutter打包
qq_41117240的博客
04-12 9936
flutter打包。
flutter打包Android版时候修改图标和名字
qq_39364586的博客
10-24 908
打开android文件找到\android\app\src\main目录下AndroidManifest.xml文件打开找到对应名字和图标， 图标必须替换之前的，
Flutter&amp；Android 启动页（闪屏页）的加载流程和优化方案(1)(1)
2401_84557136的博客
05-09 463
最后小编想说：不论以后选择什么方向发展，目前重要的是把Android方面的技术学好，毕竟其实对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！这里附上我整理的几十套腾讯、字节跳动，京东，小米，头条、阿里、美团等公司19年的Android面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。由于篇幅有限，这里以图片的形式给大家展示一小部分。
Flutter完整开发实战详解(三、 打包篇)
weixin_47933729的博客
04-04 1592
小细 节
Flutter设置App的应用名字和应用logo图标的方法（android ios web）
坚果的博客
11-24 5522
d
flutter创建、安装扩展包、打包apk
lau_jw的博客
06-15 4714
flutter创建、安装扩展包、打包apk
Flutter Android 打包保姆式全流程 2023 版
17 的博客
03-06 3703
这是一份 2023 完整的最新版的 Flutter Android 新手打包全流程介绍，包含完整示例项目，从此 android 打包不求人。
flutter 创建项目、应用图标、启动页
01-21
项目开发会分博客文章，请点击链接到对应的文章中浏览，建议其实万变不离其中，说到底还是离不开原生，学习之前往补充原生知识，本片主要讲的是创建项目、应用图标、启动页，再次感谢大家能耐心观看，谢谢！...
Flutter开发之设置应用名称及图标的教程
08-19
Flutter设置应用名称和图标的方法可以应用于各种类型的App开发中，无论是社交媒体App、游戏App还是工具App，设置应用名称和图标都是必不可少的一步。同时，设置应用名称和图标也可以应用于企业内部的App开发中，帮助...
使用Flutter开发的常见的App启动页
08-10
在移动应用开发中，App启动页是用户打开应用时首先看到的部分，它通常是展示品牌标识、加载资源或进行初始化操作的界面。在Flutter框架下，我们可以利用其强大的UI构建能力和跨平台特性，轻松创建出富有吸引力且功能...
Flutter启动页(闪屏页)的具体实现及原理详析
08-26
Flutter启动页，也被称为闪屏页，是App启动时显示的初始页面。其主要作用是避免App启动时的白屏或黑屏现象，提高用户体验。下面将详细介绍Flutter启动页的实现及原理。 为什么要有启动页？ ----------------- ...
解决Flutter启动页白屏问题，flutter启动显示图片
05-29
启动页是App必不可少的一部分，然而在一个新创建的Flutter项目中，运行发现是没有启动页的。 Android原生的白屏问题可以通过为 Launcher Activity 设置 windowBackground 解决，而 Flutter 也是基于此办法，同时优化...
Flutter桌面开发 — Windows App打包以及使用Inno Setup生成.exe文件安装包
xhuww的博客
10-10 7099
使用Flutter构建Windows App，并使用Inno Setup生成.exe文件安装包，自定义安装。
Flutter - Android打包与发版
iotjin的专栏
06-24 2378
本文介绍flutter项目，安卓端打包流程
uniapp打包apk时修改APP应用图标和名称
zh626678的博客
03-15 2824
uniapp在打包apk时如何修改APP应用图标和名称
2024年安卓最全flutter项目打包(1)，2024安卓开发社招面试解答之性能优化
最新发布
2401_84544531的博客
05-15 325
为了方便有学习需要的朋友，我把资料都整理成了视频教程（实际上比预期多花了不少精力）当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。早早确定自己的职业方向，才能在工作和能力提升中甩开同龄人。无论你现在水平怎么样一定要 持续学习 没有鸡汤，别人看起来的毫不费力，其实费了很大力，这四个字就是我的建议！！我希望每一个努力生活的IT工程师，都会得到自己想要的，因为我们很辛苦，我们应得的。
Gradle 配置多渠道打包,替换桌面icon, app_name , 不同apk替换不同资源文件
qq_35957672的博客
08-31 622
Gradle 配置多渠道打包,替换桌面icon, app_name , 不同apk替换不同资源文件 很久没有写博客了,因为新入职公司很忙, 每天任务很多, 根本没时间整理,最近因为公司项目需要不同版本出不同版本的apk ,很多资源文件和桌面icon name也可能需要替换,所以去研究了一下gradle 配置,打包apk 这些文件自动替换, 这样就可以方便很多了.:查找了很多资料,都或多或少有些缺少,都没达到要求,最终自己整理一下, 以后就可以查找自己的博客,方便日后工作. Manifest 中; appl
Flutter 动态修改应用图标功能指南
会煮咖啡的猫咪
03-13 1067
探索Flutter中动态应用图标的实现方法，了解如何为用户提供独特体验，促进用户升级和应用内购买。
亲测flutter打包apk后大小，比较满意
qq996150938的专栏
06-25 3080
flutter第一次打包release APK 并和react native比较，结果让人惊讶！
Flutter打包android和ios
08-07
### 回答1： 我不是很清楚Flutter打包android和ios的具体流程，但是根据我从网上查询的信息，可以通过使用Flutter CLI来打包Android和iOS应用程序，并使用Flutter提供的构建工具来生成最终的应用程序文件。 ### 回答2： Flutter是一种开源的跨平台移动应用开发框架，它可以同时打包Android和iOS两个平台的应用。下面将分别介绍Flutter打包Android和iOS的步骤。 Flutter打包Android应用的步骤如下： 1. 首先，我们需要在Flutter项目的根目录下执行命令`flutter build apk`，该命令会利用Flutter的打包工具将代码编译成Android应用可执行文件。 2. 打包完成后，在项目的`build/app/outputs/apk/release`路径下会生成一个名为`app.apk`的文件，这就是我们需要的Android安装包。 3. 如果需要对该安装包进行签名，可以使用Java开发工具包（JDK）自带的`keytool`生成一个密钥库文件（keystore），然后利用Android Studio自带的`apksigner`工具对APK进行签名。 4. 最后，我们可以将签名后的APK安装包通过各种方式进行发布和安装。 Flutter打包iOS应用的步骤如下： 1. 在Flutter项目的根目录下执行命令`flutter build ios`，该命令会利用Flutter的打包工具将代码编译成iOS应用可执行文件。 2. 打包完成后，在项目的`build/ios/iphoneos`路径下会生成一个名为`Runner.app`的文件，这就是我们需要的iOS应用。 3. 接下来，我们需要在Xcode中打开`Runner.xcworkspace`文件，并配置开发者账号和相关证书。 4. 在Xcode中选择设备或模拟器，然后点击菜单栏的`Product -> Archive`选项，Xcode将会对应用进行打包。 5. 打包完成后，在`Xcode -> Window -> Organizer`界面中可以找到App Archives，我们可以选择对应的应用版本进行导出或发布。 总结来说，Flutter通过使用自身的打包工具，可以快速便捷地打包Android和iOS应用，对于开发者来说非常方便。同时，开发者还可以根据需要对打包后的应用进行签名或发布。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值