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

1、配置業(yè)務域名

首先登錄小程序管理后臺，要把跳轉到H5網頁的接口域名配置支持業(yè)務域名，否則是跳轉失敗的，同時，網頁內iframe的域名也需要配置到域名白名單。

注意：這里需要配置HTTPS證書，因為web-view組件的src屬性必須要配置https協(xié)議的鏈接才行。

2、部署

在小程序中創(chuàng)建一個文件，放置在域名根目錄下，然后在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跳轉小程序操作教程》

微信小程序跳轉H5操作教程最先出現(xiàn)在微信小程序觀察網。