2021-02-06 让微信小程序和webviewH5实现互相通讯（demo）

在微信小程序里，webviewH5向miniProgram通讯只能通过 postMessage 函数

然而这个函数却很鸡肋，小程序官方文档是这样描述的： 向小程序饥顷发送消息，会在特定时机（小程序后退、组件销毁、分享）触发组件的烂银陆message事件

而且小程序官方文档里没有提到miniProgram如何向webviewH5通讯

在这个demo中, 展示了我是如何让webviewH5和miniProgram互相通讯

其实原理很简单:

success

failure

cancel

https://github.com/abu3389/wx_app_webview

附加: Uniapp与webview通信用法

在web-view加载的搏旁本地及远程HTML中调用uni的API及网页和vue页面通讯

https://ask.dcloud.net.cn/article/id-35083__page-9

如何把wed分享不是小程序：变通的方法，就是将小程序转成带有小程序码的图片，将图片分享到朋友圈。好友通过长按识别图片上的小程序码，直凯耐接进入小程序具体的页盯族春面，包括首页。大家可以打开软件穗竖开发记这个小程序，随便找一篇文章使用下面的海报功能，体验这个过程。

这种分享是把整个小程序分享出去,用户每次点击分享链接时都是进入到小程序的首页面,这种模式下可以自定义转发内容, 这种方式也是比较简单的

这种可以直接把小程序分享出去

二、详情页分享

这种情况下需要把详情页分享出去, 用户通过分享链接进入的也是详情页面,这样的话就需要在分享的路径后边拼接参数

我这边处理是先拿到分享的页面路径, 在调用小程序的onShareAppMessage时, 它会有一个返回值:

然后我这边会对拿到的这个webViewUrl进行处理, 具体的 *** 作如下:

通过分隔符将链接转换为数组,然后判断分享链接后边有没有带有参数,如果带有参数,就是分享的详情页,如果没有参数就是非详情页, 然后就可以来控制用户进入哪个页面了

1. 分享链接后没有带参数

这种情况下是没有带缺羡轮参数的, 用户点击分享链接后直接进入小程序首页

2. 分享链接后带有参数

这种情况下还要判断分享的链接地址后有没有带ID值, 如果有这个ID值的话, 就说明分享出去的是详情页面伏信, 别人通过点击分享链接的派昌时候进入的就是详情页面

如果没有这个ID的话,就说明分享出去的不是详情页,那么别人点击分享链接的时候将会进入到小程序的首页

---