微信小程序快速接入微信web-view控件

微信web-view控件是微信同意接入的一個(gè)新控件，那么要怎么操作快速接入微信web-view控件

• 小程序內(nèi)嵌網(wǎng)頁(yè)
• 小程序可關(guān)聯(lián)500個(gè)公眾號(hào) 內(nèi)嵌網(wǎng)頁(yè)的支持使微信從單個(gè)App成為名符其實(shí)的平臺(tái)更近了一步，趕緊來(lái)嘗鮮下，web-view 官方文檔地址

一，更新<微信開(kāi)發(fā)者工具>至最新版

由于web-view 組件是由基礎(chǔ)庫(kù) 1.6.4 開(kāi)始支持，而在當(dāng)前<微信開(kāi)發(fā)者工具>版本點(diǎn)擊右側(cè)'詳情'按鈕可以看到僅支持到1.5.4：

方法a： 工具直接更新 方法b：直接下載開(kāi)發(fā)者工具最新版替換舊版本App，推薦該方法，第一種方式一般要等10分鐘左右，還不一定成功，替換后：

二，配置業(yè)務(wù)域名(也就是訪問(wèn)的白名單)

a：開(kāi)發(fā)者登錄小程序后臺(tái)mp.weixin.qq.com，選擇設(shè)置-開(kāi)發(fā)設(shè)置-業(yè)務(wù)域名，新增配置域名模塊

第一次添加需要下載校驗(yàn)文件至你的服務(wù)器指定目錄，不進(jìn)行該操作是無(wú)法添加域名的（這就要求你的網(wǎng)站要支持https） b：添加域名https://passport.newgame.com,成功后如下：

三，新建測(cè)試頁(yè)面wxml，使用web-view控件，并設(shè)置src地址為上面配置的域名：

這里會(huì)自動(dòng)鋪滿整個(gè)頁(yè)面，并覆蓋其他組件。所以無(wú)需其他代碼

四，大功告成

常見(jiàn)問(wèn)題：

出現(xiàn)該錯(cuò)誤就是說(shuō)web-view里面訪問(wèn)的域名沒(méi)有成功配置，建議檢查步驟三