微信小程式設定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/80368415web-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 點贊