微信小程序能跳轉(zhuǎn)到H5頁面嗎？當然可以，而且部署起來并不難，使用web-view組件就能做到。在小程序的實際業(yè)務開發(fā)中，總需要通過跳轉(zhuǎn)到H5頁面來滿足更多業(yè)務場景。以下是微信小程序跳轉(zhuǎn)H5操作教程。

微信小程序跳轉(zhuǎn)H5操作教程

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

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

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

2、部署

在小程序中創(chuàng)建一個文件，放置在域名根目錄下，然后在web-view中的wxml中使用web-view標簽,在web-view標簽上設置的要跳轉(zhuǎn)的H5頁面地址即可。示范代碼如下：

wxml1：

<view class=”tiaoH51″>

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

點擊跳轉(zhuǎn)到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跳轉(zhuǎn)微信小程序的三種方式》

《H5通過URL Scheme跳轉(zhuǎn)小程序操作教程》