uniapp实现webview和APP之间的传值通信 / VUE和HTML页面通信

首先,让我们来谈谈会应用到什么业务场景。 在uniapp开发中会我们可能会内嵌html, 并且有时候还需要相互通信的需求
例子:我们有个移动端的现成做好的网页,需要搬到uniapp开发的项目中,需要把这个网页打包成ios端和安卓端的APP,页面中有一个需要调用扫码功能。
思路逻辑分析:
1* uni 中的 web-view 来引入网页,网页中需要调用扫码功能,但是webview是不能直接调用手机的扫码功能的
2* 点击网页的扫码按钮触发事件,事件给app发送一个我要使用扫码的需求,然后再uni中收到了信号,去吊起手机的扫码功能。
demo实现逻辑走起。

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

一、html页面
首先新建一个 hybrid 文件存放 html 网页所有文件结构。
1.hybrid目录结构图如下

2.html页面代码(向APP发送消息)

uniapp实现webview和APP之间的传值通信 / VUE和HTML页面通信最先出现在Python成神之路

版权声明:
作者:Mr李
链接:https://www.techfm.club/p/7421.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>