189 8069 5689
众所周知，小程序是由HTML标签来开发原生组件，那么首先需要将HTML做解析，这里我们将HTML通过node脚本解析成JSON字符串，再用Dart来解析JSON，映射对应的标签到flutter的组件。这里先简单介绍实现的功能以及展示效果，后续再详细介绍。
创新互联建站-成都网站建设公司，专注成都网站制作、成都网站建设、网站营销推广，域名注册，网络空间，网站托管、服务器租用有关企业网站制作方案、改版、费用等问题，请联系创新互联建站。
为了高效解析，直接用flutter的组件名在HTML文件上开发
直接使用flutter的组件
模仿微信小程序的Api，cc对应是微信小程序的wx
以上HTML中的例子
《使用Flutter + V8/JsCore开发小程序引擎（二）》
《使用Flutter + V8/JsCore开发小程序引擎（三）》
在项目中找到 AndroidManifest.xml 文件，其中 android:label="demo" 就是应用程序名称，修改引号中的内容即可
在项目中找到 mipmap-mdpi mipmap-hdpi mipmap-xhdpi mipmap-xxhdpi mipmap-xxxhdpi 文件夹，替换这些文件夹中的 ic_launcher.png 文件即可
注意：图标有多种尺寸的大小，是为了适配不同分辨率的手机而设计的
在项目中找到 Info.plist 文件，其中 CFBundleDisplayName 和 CFBundleName 下面的就是应用程序名称，修改内容即可
找到项目中的 AppIcon.appiconset 文件夹，其中 Contents.json 是配置文件，其它的图片文件就是图标，替换这些图片文件即可
注意：图标有多种尺寸的大小，是为了适配不同分辨率的手机而设计的
插件地址：
在项目中找到 pubspec.yaml 文件，添加内容如下
插件地址：
在项目中找到 pubspec.yaml 文件，添加内容如下
注意：准备一张 1024x1024 的 png 图片，取名为 icon.png 并把它放在 assets/icon 目录中
找到 ~/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_launcher_icons-0.9.2/lib/android.dart 文件修改内容如下
注意：如果使用了镜像地址就找到 ~flutter/.pub-cache/hosted/pub.flutter-io.cn/flutter_launcher_icons-0.9.2/lib/android.dart 文件来修改以上内容
运行下方命令，如果提示 -bash: flutter: command not found，请检查 PATH设置
启动模拟器后，使用以下命令检测是否可用。不知道如何启用模拟器的，可以去查看 模拟器配置方法
提示有可用设备时，使用以下命令运行flutter应用
注意 ：需要进入到flutter应用根目录下，执行 flutter run才有效，执行成功后如下图
打开testApp/lib/main.dart文件，如图
在命令行中按照提示输入 r 刷新模拟器页面
flutter是桌面应用程序。
1、使用flutter桌面应用，必须使用master通道，在命令窗口执行以下命令：
flutter channel master
flutter upgrade
2、安装visual studio后，执行flutter doctor命令
3、在visual studio installer中选择对应版本号进行安装：
4、再次执行flutter doctor命令
5、配置执行目标平台
flutter config --enable-windows-desktop
6、命令行切换到flutter-desktop-embedding\example目录下，执行flutter run命令
7、通过visual studio打开目录flutter-desktop-embedding\example\windows下的Runner.sln文件对项目进行打包。
生成的exe可执行文件在目录flutter-desktop-embedding\example\build\windows\x64\Release下