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发送消息)
共有 0 条评论