小程序 內嵌 H5 頁面 web-view


優勢:

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM