一、介紹
小程序里顯示Html代碼,目前插件(wxParse 解析html)解析支持不太好,有時候格式還是達不到預想的效果。 小程序里的HTML語法有台奇葩, 最好的解決方案是直接在里面顯示HTML頁面,使用小程序的web-view組件。
之前由於需要驗證原因,很多人把Bmob的素材頁面填寫到微信的業務域名,提示:
小程序設置web-view業務域名,解決“不支持打開非業務域名,請重新配置”
這個提示的根本原因,是沒有成功設置業務域名。次次開放業務域名設置。大家可以上傳靜態HTML文件到自己應用。
二、設置業務域名前要做的准備
1.備案的域名 (如果有自己備案的域名,可以提交工單綁定自己域名,沒有Bmob后端可以開通一個應用私人域名)
2.FTP 上傳工具(這里大家通過Bmob后台素材生成HTML,或自己編寫的代碼工具都可以)當然FTP會更方便管理這些文件。
三、設置教程
1.登陸微信小程序控制台,進入設置-》開發設置-》業務域名(這里注意,目前只有企業資質也有這個設置)
2.點擊設置,注意這里需要管理員掃描
下載這個效驗文件到電腦,目前格式是txt。傳入到自己私人域名
3.上傳到自己應用文件域名下
4.檢查是否正確
上傳成功后,點擊保存。完成設置
四、顯示HTML
示例代碼
https://mp.weixin.qq.com/ 是你的HTML地址。
數據庫查詢標題,列表也點擊開這個URL。 例如Bmob的圖文素材表,都會有個HTML,大家可以把這個地址填入web-view 這樣就完美的解決了小程序顯示HTML代碼錯亂問題。
這是我們的開源商城源碼,可掃碼關注: