微信小程序跳转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：

<view class=”tiaoH51″>

<navigator url=”pageH5″class=”papaa”>

点击跳转到H5页面

</navigator>

</view>

wxml2：

<view class=”container”>

<view class=”pageH5″>

<web-view src=”https://www.baidu.com/”&gt;&lt;/web-view>

</view>

</view>

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

推荐阅读：《H5跳转微信小程序的三种方式》

《H5通过URL Scheme跳转小程序操作教程》