小程序显示H5网页教程

介绍

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

之前由于需要验证原因，很多人把Bmob的素材页面填写到微信的业务域名，提示：

小程序设置web-view业务域名，解决“不支持打开非业务域名，请重新配置”

这个提示的根本原因，是没有成功设置业务域名。次次开放业务域名设置。大家可以上传静态HTML文件到自己应用。

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

1.备案的域名 （如果有自己备案的域名，可以提交工单绑定自己域名，没有Bmob后端可以开通一个应用私人域名）

2.FTP 上传工具（这里大家通过Bmob后台素材生成HTML，或自己编写的代码工具都可以）当然FTP会更方便管理这些文件。

设置教程

1.登陆微信小程序控制台，进入设置-》开发设置-》业务域名（这里注意，目前只有企业资质也有这个设置）

image.png

2.点击设置，注意这里需要管理员扫描

下载这个效验文件到电脑，目前格式是txt。传入到自己私人域名

image.png

3.上传到自己应用文件域名下

image.png

4.检查是否正确

上传成功后，点击保存。完成设置

显示HTML

示例代码

<!-- wxml -->
<!-- 指向微信公众平台首页的web-view -->
<web-view src="https://mp.weixin.qq.com/"></web-view>

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

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