重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
先运行下,看当前flutter 是否支持web项目, 如果没有enable-web: true 则输入 flutter config --enable-web
创新互联公司是一家专业提供曲江企业网站建设,专注与成都做网站、成都网站设计、HTML5建站、小程序制作等业务。10年已为曲江众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
这时候项目中就包含了web文件夹.
输入 flutter build web 就可以在build文件夹中生成web文件, 将它放到到tomcat或者其他容器就能访问了!
附上项目的测试连接:
参考:
android打包教程:
1、在AndroidManifest中确定app的名字:
2、在app/build.gradle中设置安卓兼容版本targetSdkVersion和最低版本minSdkVersion,还有编译版本compileSdkVersion,还有设置包名applicationId,一般不用设置,除非你是要变更
4、添加启动图标,图标资源文件的位置如下:
看到这个文件的时候,就说明创建证书成功了
6、配置项目证书
在android目录下新建一个file文件key.properties,然后填写证书的信息如下:
7、启用混淆
在app路径中添加proguard-rules.pro文件(这个百度下就好了)
8、构建flutter build apk
Flutter 项目虽说是跨平台项目,但是项目的名称还是需要在不同的平台设置,不同平台的设置位置是:
1、 Android 项目名字配置是在 android/app/src/main/AndroidManifest.xml 文件中的 application 下的 android:label 。如下图所示:
2、 iOS 项目名字配置是在 ios/Runner/Info.plist 文件中的 dict 下的 keyCFBundleName/key stringtestapp/string 。如下图所示:
Flutter 项目虽说是跨平台项目,但是项目的 Logo 图标还是需要在不同的平台设置,不同平台的设置位置是:
1、 Android 项目 Logo 配置是在图片放置在 android/app/src/main/res 下的对应目录下:
mipmap-mdpi : 48 _ 48
mipmap-hdpi : 72 _ 72
mipmap-xhdpi :96 _ 96
mipmap-xxhdpi :144 _ 144
mipmap-xxxhdpi :192 * 192。如下图所示:
然后,在 android/app/src/main/AndroidManifest.xml 路径下的 AndroidManifest.xml 文件中的 android:icon 。如下图所示:
2、 iOS 项目 Logo 的配置是在 ios/Runner/Assets.xcassets/AppIcon.appiconset 文件下,直接更换图片,名字不要改动 。如下图所示:
1、使用 cd 指令进入项目(testapp)的根目录(方便后面操作),如下图所示:
填写对应的值,如下图所示:
1、 build.gradle 文件的位置,如下图所示:
2、在 build.gradle 中配置 key.propreties 的全局变量,
如下图所示:
3、 build.gradle 文件中进行签名配置。
如下图所示:
注意: buildTypes 中的 signingConfig signingConfigs.debug 可以变更为 signingConfig signingConfigs.release ,这样在打包的时候,直接可以 flutter build apk ,否则就执行 flutter build apk --release 。如图所示:
1、 cd 进入功能(testapp) 的根目录,如下图所示:
2、执行 flutter build apk 指令,如下图所示:
我们打包成功, 生成的 apk 包在 build/app/outputs/apk/release/app-release.apk 目录下,如下图所示:
1、将真机通过 USB 链接到电脑上,如下图所示:
2、然后,在项目的根目录执行 flutter install , 如果出现电脑同时有多个设备时,就执行 flutter install -d deviceid 。如下图所示:
3、设备的安装过程如下:
1、必须一个 Xcode 开发工具
2、如果是 Window 的电脑,请安装 Mac 虚拟系统,进行安装 Xcode .
1、打开目录下的 Runner.xcworkspace 工程。
如下图所示:
2、在 ios 工程中配置 Signing Capabilities , 如下图所示:
1、进入项目的根目录
2、打包指令 flutter build ios --release
如图所示:
3、使用 Xcode 工具进行打包
如图所示:
注意:进行该步骤,必须执行 flutter build ios --release 否则会报错。
打包成功,如下图所示:
基于flutter版本1.9.1,低版本区别对待。
lib目录,libflutter.so文件,三个目录armeabi-v7a,x86_64和x86,支持arm平台32和x86的32和64。
asset目录,新增flutter_asset目录,三个文件,dart产物。
lib目录,libflutter.so文件,两个目录armeabi-v7,arm64-v8a,支持arm平台32和64。
asset目录,新增flutter_asset目录。
在release模式,libapp.so替代flutter老版本的一些dart产物,如下。
flutter命令打包生成产物,flutter命令脚本会调用dart命令。
dart的编译模式:
kernel snapshot 模式,开发阶段,isolate_snapshot_data,vm_snapshot_data,kernel_blob_bin是业务数据。
core jit,
生产阶段,dart的一种二进制模式,这是一种aot模式,vm和isolate。
任重而道远