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

 

這是我們的開源商城源碼,可掃碼關注: 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM