優勢:
1、可以做出各種各樣營銷活動頁,通過鏈接跳轉,不占小程序包的大小(簡直福音)
2、內嵌H5可以及時上傳服務器更新,繞過小程序漫長的審核
3、自動鋪滿屏幕,其他標簽會被覆蓋喲
缺點:
1、不支持支付、不支持消息推送(H5的交互行為不算在微信體系內)
注意:
1、內嵌H5域名必須要配置的合法域名
應用:
外部H5
首先一定要引入小程序JSSDK( https://res.wx.qq.com/open/js/jweixin-1.3.2.js )
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> </head> <body> <h5 onclick="openSdaXcx()">返回到小程序頁面</h5> <script> function openSdaXcx() { // 這里退回到上一級頁面, 也就是剛剛跳轉前的頁面 wx.miniProgram.navigateBack({}) } </script> </body> </html>
原生小程序頁面
//url要寫你剛剛創建那個頁面的路徑 <web-view src="url"></web-view>
跳轉
<view bindtap="forMoreInfoTap"> 點擊跳轉到H5頁面 </view> //JavaScript forMoreInfoTap: function () { wx.navigateTo({ url: '../articles/articles', }) }
API 鏈接:https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html