微信小程序跳转H5操作教程 - 微信小程序观察网

微信小程序能跳转到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页面

</navigator>

</view>

wxml2：

<web-view src=”https://www.baidu.com/”></web-view>

</view>

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