需求：
1、将已开发好的H5页面，嵌入先有的小程序。
2、并且要实现H5支付功能
解决方式 ：web-view
webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。
1、登陆小程序管理后台
a . 如果是公众号 。则进行双向绑定
image.png
b. 配置服务器域名
image.png
ps. 配置域名可能会遇到的问题
image.png
解决办法， 把下载的文件交给你们的运维同事 ， 告诉他指引 ， 运维会帮你解决~
完成这一步 ，那么基本上就差不多成功了一大半
2、在小程序里面嵌入h5
web-view
文档里面有的东西，就不赘述le~
a.在小程序里面定义一个你想要的H5入口
image.png
b. 新建一个页面，用来放H5的链接
image.png
/*
* @src 业务域名
* @bindmessage 网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。e.detail = { data }，data是多次 postMessage 的参数组成的数组
*/
ok~现在已经完成h5的嵌入
3、h5实现支付功能 - 唤醒微信支付
image.png
目前只有这种实现方式。等待微信更新 支持小程序的web-view可以唤醒微信支付
总结：
个人见解： 微信内置浏览器， 打开微信公众号H5页面，也可以唤醒微信支付。微信小程序里面web-view相当于小程序的内置浏览器，暂时不支持唤醒微信支付。虽然小程序是在微信里面，但是web-view又和微信内置浏览器不同~ 感觉微信想把小程序独立出来~
网友评论