小程序顯示H5網(wǎng)頁教程
介紹
小程序里顯示Html代碼硬萍，目前插件（wxParse 解析html）解析支持不太好铆铆，有時(shí)候格式還是達(dá)不到預(yù)想的效果。 小程序里的HTML語法有臺奇葩丹喻， 最好的解決方案是直接在里面顯示HTML頁面薄货，使用小程序的web-view組件。
之前由于需要驗(yàn)證原因碍论，很多人把Bmob的素材頁面填寫到微信的業(yè)務(wù)域名谅猾，提示：
小程序設(shè)置web-view業(yè)務(wù)域名，解決“不支持打開非業(yè)務(wù)域名鳍悠，請重新配置”
這個(gè)提示的根本原因税娜，是沒有成功設(shè)置業(yè)務(wù)域名。次次開放業(yè)務(wù)域名設(shè)置藏研。大家可以上傳靜態(tài)HTML文件到自己應(yīng)用敬矩。
設(shè)置業(yè)務(wù)域名前要做的準(zhǔn)備
1.備案的域名 （如果有自己備案的域名，可以提交工單綁定自己域名蠢挡，沒有Bmob后端可以開通一個(gè)應(yīng)用私人域名）
2.FTP 上傳工具（這里大家通過Bmob后臺素材生成HTML弧岳，或自己編寫的代碼工具都可以）當(dāng)然FTP會更方便管理這些文件。
設(shè)置教程
1.登陸微信小程序控制臺业踏，進(jìn)入設(shè)置-》開發(fā)設(shè)置-》業(yè)務(wù)域名（這里注意禽炬，目前只有企業(yè)資質(zhì)也有這個(gè)設(shè)置）
image.png
2.點(diǎn)擊設(shè)置，注意這里需要管理員掃描
下載這個(gè)效驗(yàn)文件到電腦勤家，目前格式是txt腹尖。傳入到自己私人域名
image.png
3.上傳到自己應(yīng)用文件域名下
image.png
4.檢查是否正確
上傳成功后，點(diǎn)擊保存伐脖。完成設(shè)置
顯示HTML
示例代碼
<!-- wxml -->
<!-- 指向微信公眾平臺首頁的web-view -->
<web-view src="https://mp.weixin.qq.com/"></web-view>
https://mp.weixin.qq.com/ 是你的HTML地址热幔。
數(shù)據(jù)庫查詢標(biāo)題，列表也點(diǎn)擊開這個(gè)URL讼庇。 例如Bmob的圖文素材表绎巨，都會有個(gè)HTML，大家可以把這個(gè)地址填入web-view 這樣就完美的解決了小程序顯示HTML代碼錯(cuò)亂問題巫俺。
