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

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

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

注意：這里需要配置HTTPS證書(shū)，因?yàn)閣eb-view組件的src屬性必須要配置https協(xié)議的鏈接才行。

2、部署

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

wxml1：

<view class=”tiaoH51″>

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

點(diǎn)擊跳轉(zhuǎn)到H5頁(yè)面

</navigator>

</view>

wxml2：

<view class=”container”>

<view class=”pageH5″>

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

</view>

</view>

注意：個(gè)人類(lèi)型的小程序不支持使用web-view組件。

推薦閱讀：《H5跳轉(zhuǎn)微信小程序的三種方式》

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

微信小程序跳轉(zhuǎn)H5操作教程最先出現(xiàn)在微信小程序觀察網(wǎng)-微信小程序制作開(kāi)發(fā)、小程序運(yùn)營(yíng)推廣。