在微信小程序中使用H5页面

需求:将已经写好的H5放到微信小程序中复用

解决方案:

(1)首先打开了微信开发文档,关于小程序复用H5,小程序已经给我们提供了web-view组件,官方地址:微信小程序web-view API地址。

(2)然后在小程序wxml中引入这里的link就是你的H5地址。

(3)去微信小程序后台(即微信公众平台),添加域名配置信息,在业务域名(如下图所示)中加上自己的H5域名。

注意:个人微信小程序没有业务域名,所以别找啦。


微信小程序业务域名

(4)保存成功后,去微信开发者工具详情中查看一下刚刚配置的域名是否存在。

微信开发者工具的详情位置图

(5)至此,完成,溜之~~~

你可能感兴趣的:(在微信小程序中使用H5页面)