小程序中如何显示H5网页?看这里,2分钟搞定

背景

小程序里显示Html代码,目前插件(wxParse 解析html)解析支持不太好,有时候格式还是达不到预想的效果。
小程序里的HTML语法奇葩, 较好的解决方案是直接在里面显示HTML页面,使用小程序的web-view组件。

之前由于需要验证,很多人把Bmob的素材页面填写到微信的业务域名,于是提示:“小程序设置web-view业务域名,解决“不支持打开非业务域名,请重新配置 ”,这个提示的根本原因,是没有成功设置业务域名。
那么,怎么简单快速的在小程序中显示H5网页呢?
以Bmob后端云为例:

设置业务域名前要做的准备

1.备案的域名 (如果有自己备案的域名,可以提交Bmob工单绑定自己域名,没有Bmob后端可以开通一个应用私人域名)
2.FTP 上传工具(这里大家通过Bmob后台素材生成HTML,或自己编写的代码工具都可以)当然FTP会更方便管理这些文件。

设置教程

1.登陆微信小程序控制台,进入设置-》开发设置-》业务域名(这里注意,目前只有企业资质也有这个设置)
2.点击设置,注意这里需要管理员扫描
下载效验文件到电脑,目前格式是txt。传入到自己私人域名
3.上传到自己应用文件域名下
4.检查是否正确
上传成功后,点击保存。完成设置

显示HTML

示例代码


123.png

https://mp.weixin.qq.com/ 是你的HTML地址。

注:数据库查询标题,列表也点击开这个URL。 例如Bmob的图文素材表,都会有个HTML,大家可以把这个地址填入web-view 这样就完美的解决了小程序显示HTML代码错乱问题。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,718评论 25 709
  • 小程序显示H5网页教程 介绍 小程序里显示Html代码,目前插件(wxParse 解析html)解析支持不太好,有...
    后端云技术分享阅读 8,541评论 0 6
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 13,044评论 2 59
  • 想你了 不由得仰望星空 感觉 你就在星空的另一端 此刻也在守候 守候 不能触碰的触碰 只 你不言我不语 ...
    心念的风景阅读 590评论 6 20
  • 感赏日记第三十二篇7月13日 阴雨连绵了一周太阳公公终于露出了笑脸,心情愉悦。自从加入环境学习自己的情绪稳定,和孩...
    梓萱萱萱萱阅读 385评论 0 0