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

需求：

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又和微信内置浏览器不同~ 感觉微信想把小程序独立出来~

聊这个话题之前，咱们先搞明白微信小程序和H5。

微信小程序在我之前的文章里聊了很多，不再赘述。那H5是什么呢？

简单来说，H5的载体是浏览器，因此只要有浏览器，就可以使用，比如手机内置的浏览器。我们将从几个纬度来了解微信小程序和H5之间的不同。

一、载体

H5的载体是浏览器，手机浏览器或者电脑浏览器都可以打开。微信小程序的载体是微信APP，所以只能在微信中打开。

二、功能权限

比如：您想通过程序获得用户的电话

比如：您想通过程序直接将活动分享给好友

比如：您想通过程序分享出卡片式的分享界面

微信小程序可以做到以上的所有，H5就不行。

再比如：您想小程序可以同时支持微信支付和支付宝支付

微信小程序做不到，它只支持微信支付，而 H5 就可以做到。

三、运行流畅度

刚才我们说了H5实际上是打开一个网页，而网页需要在浏览器中渲染，就会有卡的感觉，而微信小程序是直接在微信上运行，使用体验就比H5流畅很多。

综上所述，两者各有千秋，根据自身的业务需求，选择自己想要侧重的部分进行工具选择就好~

 功能已通过原生+vue混合开发的方式实现了，现需要将这个功能原封不动的搬到微信小程序。综合各方面评估，选择了微信小程序套webview的方式实现（若时间允许，建议还是通过小程序实现）。

 采用小程序webview的方式，可以复用大部分H5页面，但H5调用的原生方法还是需要重新实现。实现方式主要分以下几种情况（当然也可以通过jssdk的方式去实现 >

以上就是关于微信小程序web-view ， 嵌入H5页面全部的内容，包括:微信小程序web-view ， 嵌入H5页面、微信小程序和H5哪个更适合企业、H5与小程序数据交互等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！