微信小程序能跳轉到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/”></web-view>
</view>
</view>
注意:個人類型的小程序不支持使用web-view組件。
推薦閱讀:《H5跳轉微信小程序的三種方式》