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
可局域网内使用手机连接,并用电脑浏览器调试
网友评论