微信小程序設置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後帥氣小夥，良好的開發習慣；獨立思考的能力；主動而且善於溝通 簡書博客： 達叔小生 www.jianshu.com/u/c785ece60…

結語

• 下面我將繼續對 其餘知識 深刻講解 ，有興趣能夠繼續關注
• 小禮物走一走 or 點贊