优势:
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