小程序中如何顯示H5網(wǎng)頁?看這里,2分鐘搞定

背景

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

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,901評論 25 709
  • 小程序顯示H5網(wǎng)頁教程 介紹 小程序里顯示Html代碼,目前插件(wxParse 解析html)解析支持不太好,有...
    后端云技術分享閱讀 8,556評論 0 6
  • 用兩張圖告訴你,為什么你的 App 會卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 13,946評論 2 59
  • 感賞日記第三十二篇7月13日 陰雨連綿了一周太陽公公終于露出了笑臉,心情愉悅。自從加入環(huán)境學習自己的情緒穩(wěn)定,和孩...
    梓萱萱萱萱閱讀 445評論 0 0

友情鏈接更多精彩內(nèi)容