美文网首页
关于使用 flutter 实现钉钉H5微应用

关于使用 flutter 实现钉钉H5微应用

作者: 金嗓子卡卡 | 来源:发表于2023-06-08 17:45 被阅读0次

    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微应用

          本文链接:https://www.haomeiwen.com/subject/ezdaedtx.html