写点什么

Flutter Web 和 H5

作者:A __Sun A0 .
  • 2023-12-18
    北京
  • 本文字数:565 字

    阅读完需:约 2 分钟

先说痛点:现在 Flutter web 和 h5  ,如果真的在项目中结合起来,他们要起两个服务,一个 H5 项目,一个 Flutter web 项目,然后在 H5 中通过 iframe 引入 Flutter web,这种方式极其不友好。

理想的方式就是,Flutter web 能打包成某种 web 项目依赖的源码或者文件,这样只启用一个服务,并且可以在 Flutter web 中通过某些插件,引入 js,通过一种渠道能获取到 H5 暴露的数据,这样才是最符合逻辑的。

我使用 Flutter web,目前这种方式的问题

1.接口配置环境无法统一,因为在 H5 中嵌套 Flutter,其根本配置文件在 H5 中,所以现在的做法就是读取 url 路径判断是否是 dev 环境,这是妥协方案。

2.H5  和 Flutter Web  之间的通信  :

因为是通过 iframe  引入的 Flutter web,所以目前指通过 url 进行了数据的传输,也就是说,H5 这边的数据,没有办法暴露并提供给 Flutter web 使用。目前没有好的解决方案,妥协的就是,H5 通过 url 传参给 Flutter Web,然后 Flutter  Web 单独去请求接口,相当于把后端原本可以是一个接口的数据,拆分成一个 H5,一个 Flutter,目前看来这样也不合理

3.因为某些原因,H5 中可能会有一些限制,比如是否登录,在单独测试 Flutter 时,还需要手动+一些 token,这对于单独测试 flutter web 的某些功能极其不友好,甚至每次需要和 H5 进行结合测试。


希望有相关开发人员遇到的总结可以评论下来,也希望有关开发插件的佬哥能看到这些。

发布于: 刚刚阅读数: 5
用户头像

A __Sun A0 .

关注

还未添加个人签名 2021-10-20 加入

还未添加个人简介

评论

发布
暂无评论
Flutter Web  和 H5_flutter_A   __Sun  A0  ._InfoQ写作社区