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