微信小程序快速接入微信web-view控件
2018-04-27|HiShop
導讀:微信web-view控件是微信同意接入的一個新控件,那么要怎么操作快速接入微信web-view控件...
微信web-view控件是微信同意接入的一個新控件,那么要怎么操作快速接入微信web-view控件
- 小程序內嵌網頁
- 小程序可關聯500個公眾號 內嵌網頁的支持使微信從單個App成為名符其實的平臺更近了一步,趕緊來嘗鮮下,web-view 官方文檔地址
一,更新<微信開發者工具>至最新版
由于web-view 組件是由基礎庫 1.6.4 開始支持,而在當前<微信開發者工具>版本點擊右側'詳情'按鈕可以看到僅支持到1.5.4:




二,配置業務域名(也就是訪問的白名單)
a:開發者登錄小程序后臺mp.weixin.qq.com,選擇設置-開發設置-業務域名,新增配置域名模塊


B9A00B7A-0E67-4C8B-BF49-0452175CA176.jpeg
三,新建測試頁面wxml,使用web-view控件,并設置src地址為上面配置的域名:
這里會自動鋪滿整個頁面,并覆蓋其他組件。所以無需其他代碼
四,大功告成

常見問題:

出現該錯誤就是說web-view里面訪問的域名沒有成功配置,建議檢查步驟三