flutter 打包web

先運行下,看當(dāng)前flutter 是否支持web項目, 如果沒有enable-web: true 則輸入 flutter config --enable-web

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站制作、網(wǎng)站設(shè)計、鹽湖網(wǎng)絡(luò)推廣、微信小程序定制開發(fā)、鹽湖網(wǎng)絡(luò)營銷、鹽湖企業(yè)策劃、鹽湖品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供鹽湖建站搭建服務(wù)，24小時服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

這時候項目中就包含了web文件夾.

輸入 flutter build web 就可以在build文件夾中生成web文件, 將它放到到tomcat或者其他容器就能訪問了!

附上項目的測試連接:

參考：

Flutter 的Android 、iOS 打包

Flutter 項目雖說是跨平臺項目，但是項目的名稱還是需要在不同的平臺設(shè)置，不同平臺的設(shè)置位置是：

1、 Android 項目名字配置是在 android/app/src/main/AndroidManifest.xml 文件中的 application 下的 android:label 。如下圖所示:

2、 iOS 項目名字配置是在 ios/Runner/Info.plist 文件中的 dict 下的 keyCFBundleName/key stringtestapp/string 。如下圖所示:

Flutter 項目雖說是跨平臺項目，但是項目的 Logo 圖標(biāo)還是需要在不同的平臺設(shè)置，不同平臺的設(shè)置位置是：

1、 Android 項目 Logo 配置是在圖片放置在 android/app/src/main/res 下的對應(yīng)目錄下：

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）的根目錄(方便后面操作),如下圖所示：

填寫對應(yīng)的值，如下圖所示：

1、 build.gradle 文件的位置,如下圖所示:

2、在 build.gradle 中配置 key.propreties 的全局變量,

如下圖所示:

3、 build.gradle 文件中進行簽名配置。

如下圖所示:

注意： buildTypes 中的 signingConfig signingConfigs.debug 可以變更為 signingConfig signingConfigs.release ，這樣在打包的時候，直接可以 flutter build apk ，否則就執(zhí)行 flutter build apk --release 。如圖所示：

1、 cd 進入功能（testapp） 的根目錄，如下圖所示：

2、執(zhí)行 flutter build apk 指令，如下圖所示：

我們打包成功， 生成的 apk 包在 build/app/outputs/apk/release/app-release.apk 目錄下，如下圖所示：

1、將真機通過 USB 鏈接到電腦上，如下圖所示：

2、然后,在項目的根目錄執(zhí)行 flutter install , 如果出現(xiàn)電腦同時有多個設(shè)備時，就執(zhí)行 flutter install -d deviceid 。如下圖所示：

3、設(shè)備的安裝過程如下：

1、必須一個 Xcode 開發(fā)工具

2、如果是 Window 的電腦，請安裝 Mac 虛擬系統(tǒng)，進行安裝 Xcode .

1、打開目錄下的 Runner.xcworkspace 工程。

如下圖所示：

2、在 ios 工程中配置 Signing Capabilities , 如下圖所示：

1、進入項目的根目錄

2、打包指令 flutter build ios --release

如圖所示：

3、使用 Xcode 工具進行打包

如圖所示：

注意：進行該步驟，必須執(zhí)行 flutter build ios --release 否則會報錯。

打包成功，如下圖所示：

Flutter打包產(chǎn)物

基于flutter版本1.9.1，低版本區(qū)別對待。

lib目錄，libflutter.so文件，三個目錄armeabi-v7a，x86_64和x86，支持arm平臺32和x86的32和64。

asset目錄，新增flutter_asset目錄，三個文件，dart產(chǎn)物。

lib目錄，libflutter.so文件，兩個目錄armeabi-v7，arm64-v8a，支持arm平臺32和64。

asset目錄，新增flutter_asset目錄。

在release模式，libapp.so替代flutter老版本的一些dart產(chǎn)物，如下。

flutter命令打包生成產(chǎn)物，flutter命令腳本會調(diào)用dart命令。

dart的編譯模式：

kernel snapshot 模式，開發(fā)階段，isolate_snapshot_data，vm_snapshot_data，kernel_blob_bin是業(yè)務(wù)數(shù)據(jù)。

core jit，

生產(chǎn)階段，dart的一種二進制模式，這是一種aot模式，vm和isolate。

任重而道遠