一。先设置下环境变量,这是安装flutter插件包的一个国内镜像,要不下载很慢
PUB_HOSTED_URL 对应 https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL 对应 https://storage.flutter-io.cn
二。 切换到beta版本,通常开发app用的是stable版,现在要切换过来。beta版就是公测版,功能最多但还不够稳定。命令行:flutter channel beta
三。命令行:flutter config --enable-web
配置启用web功能。这时候会自动检查是否需要升级,时间稍长。
四。执行完毕后,需要启动一次 AS, 这时候在设备下拉框里就有web选项了。如下图:
执行命令
flutter create myapp
cd myapp
至此web应用创建完毕,默认生成一个数字累加的页面示例,跟app的一样。
五。运行一下,会给出页面地址链接,在浏览器里打开即可。
六,如果要生成编译后的版本,执行flutter build web,在build\web目录下会生成html文件和js脚本。这时候直接运行是不行的,file:///...是不能识别的,要在正式域名下才能正常显示,和Vue下打包的生产版本是一个道理。
后记:flutter web同样存在seo问题,难道到最后也像vue一样,出一个ssr的补丁方案?感觉现在的各种框架越来越多,使用越来越复杂。框架的出发点是简化编程,但现在框架给人的感觉恰恰相反,各种框架仅是选择就让人心烦意乱眼花缭乱,每个框架都有各种缺陷,技术人员疲于奔命,同时技术选型对技术总监提出了更高的要求,选型不慎可能因技术问题影响到项目进展,这在以前是不大会出现的问题。
去框架化提上议事日程。技术的问题应该是趋向于简单而不是复杂。