小程序顯示H5網頁教程

一、介紹

小程序裏顯示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代碼錯亂問題。

歡迎加Bmob官方Q羣探討:586487943

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章