微信小程序--快速接入微信web-view控件
發表時間:2022-9-14
發布人:葵宇科技
瀏覽次數:15
今天微信小程序發布了2個重大更新
- 小程序內嵌網頁
- 小程序可關聯500個公眾號
內嵌網頁的支持使微信從單個App成為名符其實的平臺更近了一步,趕緊來嘗鮮下,web-view 官方文檔地址一,更新<微信開發者工具>至最新版
由于web-view 組件是由基礎庫 1.6.4 開始支持,而在當前<微信開發者工具>版本點擊右側'詳情'按鈕可以看到僅支持到1.5.4:
方法a: 工具直接更新方法b:直接下載開發者工具最新版替換舊版本App,推薦該方法,第一種方式一般要等10分鐘左右,還不一定成功,替換后:二,配置業務域名(也就是訪問的白名單)
a:開發者登錄小程序后臺mp.weixin.qq.com,選擇設置-開發設置-業務域名,新增配置域名模塊
第一次添加需要下載校驗文件至你的服務器指定目錄,不進行該操作是無法添加域名的(這就要求你的網站要支持https)
b:添加域名https://passport.newgame.com,成功后如下:
B9A00B7A-0E67-4C8B-BF49-0452175CA176.jpeg三,新建測試頁面wxml,使用web-view控件,并設置src地址為上面配置的域名:
這里會自動鋪滿整個頁面,并覆蓋其他組件。所以無需其他代碼 四,大功告成
常見問題:
出現該錯誤就是說web-view里面訪問的域名沒有成功配置,建議檢查步驟三
備注:
web-view作為一個新的控件,如何在網頁中使用JSSDK 等歡迎一起學習討論,覺得有用的請點個贊