微信小程序封装H5使用web-view源码

Posted 2023-04-09

参考技术A 微信小程序封装H5域名

使用微信小程序web-view组件进行封装H5网页，最快的速度完成展示型小程序。 注：web-view组件不支持个人小程序，只能认证过的企业小程序。

···

微信小程序web-view ， 嵌入H5页面

参考技术A

需求：
1、将已开发好的H5页面，嵌入先有的小程序。
2、并且要实现H5支付功能

解决方式 ：web-view

1、 登陆 小程序管理后台
a . 如果是公众号 。则进行双向绑定

完成这一步 ，那么基本上就差不多成功了一大半

2、在小程序里面嵌入h5

web-view
文档里面有的东西，就不赘述le~
a.在小程序里面定义一个你想要的H5入口

b. 新建一个页面，用来放H5的链接

ok~现在已经完成h5的嵌入

3、h5实现支付功能 - 唤醒微信支付

目前只有这种实现方式。等待微信更新 支持小程序的web-view可以唤醒微信支付

总结：
个人见解： 微信内置浏览器， 打开微信公众号H5页面，也可以唤醒微信支付。微信小程序里面web-view相当于小程序的内置浏览器，暂时不支持唤醒微信支付。虽然小程序是在微信里面，但是web-view又和微信内置浏览器不同~ 感觉微信想把小程序独立出来~