1.使用flutter web进行H5打包
2.使用html 渲染模式,因为canvaskit渲染模式下,华为手机打开小程序会因为很多控件无法加载而导致页面异常,并且没有报错,但是html渲染模式下,使用的svg,无法在ios设备上进行变更color,否则会非常卡顿
3.canvaskit下,华为手机使用数据库时,会报错无法使用,html未尝试
4.如果是从移动端转过来的,需要注意,responsetype 要改成 text,并自行jsonencode,因为web端没有long类型,需要把long转成string,否则,自动json后的int 数值会异常
5.相机、相册及文件选取,仅使用FilePicker.platform.pickFiles 即可
6.华为云obs 上传文件,使用的api,上传文件时,因为web使用的是"dart:html"而不是移动端的"dart:io",所以需要使用Uint8List,另外这时web使用dio进行put请求到obs上传文件,按照没问题的移动端写法,却会报错,故改用httpRequest进行通信。然而,httpRequest 的上传进度回调不执行!!!js版本的obs sdk也可实现,但是要使用obs的选取文件,及ui逻辑处理等
7.关于调试,需要掌握,
iPhone 链接safari 在web上调试
android 链接chrome 在web上调试
iPhone 无法链接到 chrome 上调试
钉钉H5微应用调试,使用四端调试工具网页版
另外,调试时记得清缓存
flutter run -d chrome --web-hostname 本机IP --web-port 8080 --release --web-renderer html
可局域网内使用手机连接,并用电脑浏览器调试
关于使用 flutter 实现钉钉H5微应用
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...