微信小程序跳转H5操作教程

作者:亿网科技  来源:亿网科技  发布时间:2022-07-14

51.png

微信小程序能跳转到H5页面吗?当然可以,而且部署起来并不难,使用web-view组件就能做到。在小程序的实际业务开发中,总需要通过跳转到H5页面来满足更多业务场景。以下是微信小程序跳转H5操作教程。


微信小程序跳转H5操作教程


1、配置业务域名


首先登录小程序管理后台,要把跳转到H5网页的接口域名配置支持业务域名,否则是跳转失败的,同时,网页内iframe的域名也需要配置到域名白名单。


注意:这里需要配置HTTPS证书,因为web-view组件的src属性必须要配置https协议的链接才行。


2、部署


在小程序中创建一个文件,放置在域名根目录下,然后在web-view中的wxml中使用web-view标签,在web-view标签上设置的要跳转的H5页面地址即可。示范代码如下:


wxml1:




点击跳转到H5页面




wxml2:







注意:个人类型的小程序不支持使用web-view组件。