微信小程序設置
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 點贊