使用Flutter + V8/JsCore開發(fā)小程序引擎（一）

眾所周知，小程序是由HTML標簽來開發(fā)原生組件，那么首先需要將HTML做解析，這里我們將HTML通過node腳本解析成JSON字符串，再用Dart來解析JSON，映射對應(yīng)的標簽到flutter的組件。這里先簡單介紹實現(xiàn)的功能以及展示效果，后續(xù)再詳細介紹。

創(chuàng)新互聯(lián)建站-成都網(wǎng)站建設(shè)公司，專注成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)站營銷推廣，域名注冊，網(wǎng)絡(luò)空間，網(wǎng)站托管、服務(wù)器租用有關(guān)企業(yè)網(wǎng)站制作方案、改版、費用等問題，請聯(lián)系創(chuàng)新互聯(lián)建站。

為了高效解析，直接用flutter的組件名在HTML文件上開發(fā)

直接使用flutter的組件

模仿微信小程序的Api，cc對應(yīng)是微信小程序的wx

以上HTML中的例子

《使用Flutter + V8/JsCore開發(fā)小程序引擎（二）》

《使用Flutter + V8/JsCore開發(fā)小程序引擎（三）》

Flutter 修改應(yīng)用程序的名稱和圖標

在項目中找到 AndroidManifest.xml 文件，其中 android:label="demo" 就是應(yīng)用程序名稱，修改引號中的內(nèi)容即可

在項目中找到 mipmap-mdpi mipmap-hdpi mipmap-xhdpi mipmap-xxhdpi mipmap-xxxhdpi 文件夾，替換這些文件夾中的 ic_launcher.png 文件即可

注意：圖標有多種尺寸的大小，是為了適配不同分辨率的手機而設(shè)計的

在項目中找到 Info.plist 文件，其中 CFBundleDisplayName 和 CFBundleName 下面的就是應(yīng)用程序名稱，修改內(nèi)容即可

找到項目中的 AppIcon.appiconset 文件夾，其中 Contents.json 是配置文件，其它的圖片文件就是圖標，替換這些圖片文件即可

注意：圖標有多種尺寸的大小，是為了適配不同分辨率的手機而設(shè)計的

插件地址：

在項目中找到 pubspec.yaml 文件，添加內(nèi)容如下

插件地址：

在項目中找到 pubspec.yaml 文件，添加內(nèi)容如下

注意：準備一張 1024x1024 的 png 圖片，取名為 icon.png 并把它放在 assets/icon 目錄中

找到 ~/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_launcher_icons-0.9.2/lib/android.dart 文件修改內(nèi)容如下

注意：如果使用了鏡像地址就找到 ~flutter/.pub-cache/hosted/pub.flutter-io.cn/flutter_launcher_icons-0.9.2/lib/android.dart 文件來修改以上內(nèi)容

Flutter入門（3）：第一個flutter程序

運行下方命令，如果提示 -bash: flutter: command not found，請檢查 PATH設(shè)置

啟動模擬器后，使用以下命令檢測是否可用。不知道如何啟用模擬器的，可以去查看 模擬器配置方法

提示有可用設(shè)備時，使用以下命令運行flutter應(yīng)用

注意 ：需要進入到flutter應(yīng)用根目錄下，執(zhí)行 flutter run才有效，執(zhí)行成功后如下圖

打開testApp/lib/main.dart文件，如圖

在命令行中按照提示輸入 r 刷新模擬器頁面

futtar.exe是什么程序

flutter是桌面應(yīng)用程序。

1、使用flutter桌面應(yīng)用，必須使用master通道，在命令窗口執(zhí)行以下命令：

flutter channel master

flutter upgrade

2、安裝visual studio后，執(zhí)行flutter doctor命令

3、在visual studio installer中選擇對應(yīng)版本號進行安裝：

4、再次執(zhí)行flutter doctor命令

5、配置執(zhí)行目標平臺

flutter config --enable-windows-desktop

6、命令行切換到flutter-desktop-embedding\example目錄下，執(zhí)行flutter run命令

7、通過visual studio打開目錄flutter-desktop-embedding\example\windows下的Runner.sln文件對項目進行打包。

生成的exe可執(zhí)行文件在目錄flutter-desktop-embedding\example\build\windows\x64\Release下