今天微信小程序發布了(le／liǎo)2個(gè)重大(dà)更新

小程序内嵌網頁
小程序可關聯500個(gè)公衆号

内嵌網頁的(de)支持使微信從單個(gè)App成爲(wéi / wèi)名符其實的(de)平台更近了(le／liǎo)一步，趕緊來(lái)嘗鮮下，web-view 官方文檔地(dì / de)址
一，更新<微信開發者工具>至最新版
由于(yú)web-view 組件是(shì)由基礎庫 1.6.4 開始支持，而(ér)在(zài)當前<微信開發者工具>版本點擊右側'詳情'按鈕可以(yǐ)看到(dào)僅支持到(dào)1.5.4：




方法a： 工具直接更新







方法b：直接下載開發者工具最新版替換舊版本App，推薦該方法，第一種方式一般要(yào / yāo)等10分鍾左右，還不(bù)一定成功，替換後：



二，配置業務域名(也(yě)就(jiù)是(shì)訪問的(de)白名單)
a：開發者登錄小程序後台mp.weixin.qq.com，選擇設置-開發設置-業務域名，新增配置域名模塊





第一次添加需要(yào / yāo)下載校驗文件至你的(de)服務器指定目錄，不(bù)進行該操作是(shì)無法添加域名的(de)（這(zhè)就(jiù)要(yào / yāo)求你的(de)網站要(yào / yāo)支持https）

b：添加域名https://passport.newgame.com,成功後如下：



B9A00B7A-0E67-4C8B-BF49-0452175CA176.jpeg

三，新建測試頁面wxml，使用web-view控件，并設置src地(dì / de)址爲(wéi / wèi)上(shàng)面配置的(de)域名：
這(zhè)裏會自動鋪滿整個(gè)頁面，并覆蓋其他(tā)組件。所以(yǐ)無需其他(tā)代碼
四，大(dà)功告成



常見問題：




出(chū)現該錯誤就(jiù)是(shì)說(shuō)web-view裏面訪問的(de)域名沒有成功配置，建議檢查步驟三
備注：
web-view作爲(wéi / wèi)一個(gè)新的(de)控件，如何在(zài)網頁中使用JSSDK 等歡迎一起學習讨論，覺得有用的(de)請點個(gè)贊