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

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

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

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

直接使用flutter的組件

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

以上HTML中的例子

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

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

Flutter 修改應(yīng)用程序的名稱(chēng)和圖標(biāo)

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

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

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

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

找到項(xiàng)目中的 AppIcon.appiconset 文件夾，其中 Contents.json 是配置文件，其它的圖片文件就是圖標(biāo)，替換這些圖片文件即可

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

插件地址：

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

插件地址：

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

注意：準(zhǔn)備一張 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 文件來(lái)修改以上內(nèi)容

Flutter入門(mén)（3）：第一個(gè)flutter程序

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

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

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

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

打開(kāi)testApp/lib/main.dart文件，如圖

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

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中選擇對(duì)應(yīng)版本號(hào)進(jìn)行安裝：

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

5、配置執(zhí)行目標(biāo)平臺(tái)

flutter config --enable-windows-desktop

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

7、通過(guò)visual studio打開(kāi)目錄flutter-desktop-embedding\example\windows下的Runner.sln文件對(duì)項(xiàng)目進(jìn)行打包。

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

分享題目：程序flutter,程序員自學(xué)
URL標(biāo)題：http://chinadenli.net/article13/dseojgs.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、面包屑導(dǎo)航、網(wǎng)站維護(hù)、域名注冊(cè)、App設(shè)計(jì)、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)