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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序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又和微信内置浏览器不同~ 感觉微信想把小程序独立出来~

以上是关于微信小程序web-view , 嵌入H5页面的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序web-view嵌入H5页面, H5页面向小程序页面传值

微信小程序web-view组件嵌入h5页面导致双导航栏,如何只保留其中一个?

微信小程序web-view组件嵌入h5页面导致双导航栏,如何只保留其中一个?

微信小程序web-view环境下H5跳转小程序页面方法

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

微信小程序内联h5页面,实现分享