微信小程序設置web-view的業務域名


標題圖

微信小程序設置web-view的業務域名

效果

域名必備

效果

你的域名必須要備案過

你的域名必須是https,而不能是http

web-view

在小程序后台添加業務域名,只解析業務域名中的url網頁地址的.

域名是需要ICP進行備案的.

效果

ftp上傳文件驗證域名的所有權

登錄官方小程序后台,選擇設置,選擇開發設置,中間有個業務域名,添加業務域名后,小程序才能調用組件打開限定域名內的網頁.

效果

<web-view src="頁面地址">名稱(可省略)</web-view>

web-view 組件是一個可以用來承載網頁的容器,會自動鋪滿整個小程序頁面。個人類型與海外類型的小程序暫不支持使用。

屬性名 類型 說明
src string webview 指向網頁的鏈接
bindmessage EventHandler e.detail = { data }
bindload EventHandler 網頁加載成功時觸發的事件
binderror EventHandler 網頁加載失敗時觸發的事件
<web-view src="https://www.jianshu.com/u/c785ece603d1"></web-view>

效果

內嵌網頁(webview)-設置權限

效果

點擊“開始配置”按鈕,彈出一個窗口,添加一個或多個你要在小程序中訪問的域名.

並不是隨便一個備案過的https就可以的,並不是所有域名都可以訪問,有的是需要在這個窗口里下載“校驗文件”,並把這個校驗文件上傳到你的網站的根目錄,供小程序平台進行驗證,只有通過了,才能添加域名成功(驗證通過后才能配置成功)。

效果

使用web-view組件顯示HTML頁面-外部頁面

有的需要下載校檢文件上傳至服務器指定目錄,進行保存.校驗文件 ###.txt 文件下載.上傳到域名根目錄.點擊保存即可.還要注意的是新域名備案24小時后即可配置,域名不支持IP地址及端口號.

校驗文件驗證失敗,請下載校驗文件,上傳到服務器指定的目錄.

原因: https證書過期,校驗文件內容錯誤,使用url 測試鏈接. -> “將文件放置在域名根目錄下”, 注意: 基礎褲1.6.4以上版本支持這個組件,低版本需要做兼容.

將文件放置在域名根目錄下-> 網址參考

https://blog.csdn.net/m0_37852553/article/details/80368415

web-view 組件是一個可以用來承載網頁的容器,會自動鋪滿整個頁面,類似於html中的iframe框架.

小程序提供了webview網頁中使用的JSSDK文件,網頁跳轉小程序:

// HTML
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
 
// javascript
wx.miniProgram.navigateTo({url: '/path/to/page'})

達叔小生:往后余生,唯獨有你
You and me, we are family !
90后帥氣小伙,良好的開發習慣;獨立思考的能力;主動並且善於溝通
簡書博客: 達叔小生
https://www.jianshu.com/u/c785ece603d1

結語

  • 下面我將繼續對 其他知識 深入講解 ,有興趣可以繼續關注
  • 小禮物走一走 or 點贊


免責聲明!

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



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