前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序中如何显示H5网页?看这里,2分钟搞定

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

作者头像
大王12
发布2019-02-26 12:28:31
3.1K0
发布2019-02-26 12:28:31
举报
文章被收录于专栏:Bmob后端云Bmob后端云

背景

小程序里显示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代码错乱问题。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.11.06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 背景
  • 设置业务域名前要做的准备
  • 设置教程
  • 显示HTML
相关产品与服务
ICP备案
在中华人民共和国境内从事互联网信息服务的网站或APP主办者,应当依法履行备案手续。腾讯云为您提供高效便捷的 ICP 备案服务。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档