1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > H5页面转微信小程序(web-view)

H5页面转微信小程序(web-view)

时间:2020-10-16 22:28:54

相关推荐

H5页面转微信小程序(web-view)

效果

先放效果让大家看一下吧,过程很简单。

H5页面图

小程序预览图

准备工作

注册一个小程序(一定得是企业认证账号,个人账号无法使用web-view),具体注册就不演示了。

国内的备案域名(你H5页面和后台API域名)部署SSL证书(web-view必须使用https)

开始制作

配置服务器域名

开发管理 —— 开发设置 —— 服务器域名(主要是配置request)

配置业务域名

开发管理 —— 开发设置 —— 业务域名(不配置web-view无法加载H5页面)

注意:如果这里不配置,页面会提示 “小程序不支持打开非业务域名请重新配置”

注意:个人认证没有这个配置,个人认证无法使用web-view

创建小程序

在开发者设置里,找到AppID,填写进创建小程序内的AppID,然后模板就选择基础模板就可以了。

修改页面(加入web-view

打开page/index/index.wxml文件,将里面的内容都删除,只填写下面内容。

web-view标签里面 填写H5页面地址即可。

<view><web-view src="https://xxxxx"></web-view> </view>

这样就开发完成了,可以上传审核发布,也可以真机调试了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。