背景
小程序里顯示Html代碼,目前插件(wxParse 解析html)解析支持不太好,有時候格式還是達不到預想的效果。
小程序里的HTML語法奇葩, 較好的解決方案是直接在里面顯示HTML頁面,使用小程序的web-view組件。
之前由于需要驗證,很多人把Bmob的素材頁面填寫到微信的業(yè)務域名,于是提示:“小程序設置web-view業(yè)務域名,解決“不支持打開非業(yè)務域名,請重新配置 ”,這個提示的根本原因,是沒有成功設置業(yè)務域名。
那么,怎么簡單快速的在小程序中顯示H5網(wǎng)頁呢?
以Bmob后端云為例:
設置業(yè)務域名前要做的準備
1.備案的域名 (如果有自己備案的域名,可以提交Bmob工單綁定自己域名,沒有Bmob后端可以開通一個應用私人域名)
2.FTP 上傳工具(這里大家通過Bmob后臺素材生成HTML,或自己編寫的代碼工具都可以)當然FTP會更方便管理這些文件。
設置教程
1.登陸微信小程序控制臺,進入設置-》開發(fā)設置-》業(yè)務域名(這里注意,目前只有企業(yè)資質(zhì)也有這個設置)
2.點擊設置,注意這里需要管理員掃描
下載效驗文件到電腦,目前格式是txt。傳入到自己私人域名
3.上傳到自己應用文件域名下
4.檢查是否正確
上傳成功后,點擊保存。完成設置
顯示HTML
示例代碼

123.png
https://mp.weixin.qq.com/ 是你的HTML地址。
注:數(shù)據(jù)庫查詢標題,列表也點擊開這個URL。 例如Bmob的圖文素材表,都會有個HTML,大家可以把這個地址填入web-view 這樣就完美的解決了小程序顯示HTML代碼錯亂問題。