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

---

<来客推（www.laiketui.com）是国内知名商城系统及商城网站建设提供商，为企业级商家提供零售商城、B2B2C多用户商城系统、社区团购、微信分销系统、小程序商城、商城系统等多端商城网站建设解决方案>

申明：本网站部分文章和图片来源网络编辑，如有侵权及时沟通删除，来客电商原创文章，转载请注明来源。