Flutter web bridge通信方式是什么


这篇文章主要介绍“Flutterwebbridge通信方式是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Flutterwebbridge通信方式是什么”文章能帮助大家解决问题。架构图大致如下bridge 部分解决各端的兼容性和平台差异不同操作系统之间的处理各端之间跨端通信第三方 SDK 调用整合各端业务复用解决各端之间 Auth 的授权整合老生常谈了 其实就是 JS 和 dart 之间的相互调用和注入方法APP 中app中主要是通过 webview 来通信和混合开发的方式大同小异;都是 H5 & App 各自注册通过 postmessage | urlchange 来触发调用主要代码:通过 Flutter webview中注入 f免费云主机域名lutter 的方法Flutter端H5端Flutter 中调用 H5 在window 注册的方法xxBridgeFlutter JavascriptChannel 注入通信对象onMessageReceived 接收 web端 postmessage 触发 dart 方法web 端中 window.flutterMessage 注册方法给 Flutter 在 app 中调用至此 Flutter APP 和 H5 通信 基本是以上方式拓展,当然还有 Url 的方式 和 Storage 的方式这里不表;有2种方式1. Promise js文件的方式被调用定义方法调用2. 通过 js.context 获取上下文来调用首先在 init 中注入方法webapp main.dartwebaapp index 文件中添加 onLogin在 init 中注入方法调用类js.context 来给 js 注入window下的全局方法通过 js.context["myalert"] = myalert 注册了方法直接在js文件中调用之后我们可以在 xxBridge 中不断的继承 WeChat SDK、dingdingSDK、等等 和一些业务方法 通过 rollup 等一些工具 打包发布NPM包。关于“Flutterwebbridge通信方式是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: Vue中父子组件间通信的方法是什么

这篇文章主要讲解了“Vue中父子组件间通信的方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Vue中父子组件间通信的方法是什么”吧!父组件传递给子组件:通过props属性;子组件传递给父组件:通过$em…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/08 16:53
下一篇 03/08 16:53

相关推荐