小程序解析html网页标签,有3种方法:
1:使用 wxParse 解析html
2:单独解析 html标签
3:使用最新的小程序组件 web-view
前段时间,微信正式宣布为方便开发者灵活配置小程序,小程序现开放内嵌 Web 页面能力,但这个开放的能力也具有一定的局限性,小程序如果想要内嵌网页,那域名只能是自己公司的,对这个网站拥有控制权才可以。
参考文档:https://mp.weixin.qq.com/debug/wxadoc/dev/component/web-view.html
1:新建项目
图片.png
2:填写小程序appid和文件在磁盘的位置
图片.png
3:新建一个wxml
加入这段代码:<web-view src="[http://www.intmote.com/](https://link.jianshu.com/?t=http%3A%2F%2Fwww.intmote.com%2F)"></web-view>
图片.png
小程序设置web-view业务域名,解决“不支持打开非业务域名,请重新配置”问题
如果:“ 个人类型与海外类型的小程序暂不支持使用。”
你需要先配置业务域名,但是个人类型的小程序,还不支持这个功能。
图片.png
继续换了公司注册的服务号小程序进行测试
1:设置web-view域名前要做的准备
2: 设置web-view域名流程和方法
图片.png
图片.png
如果你有多个域名要添加,可以点击 + 号,我填写的是:公司官网:http://www.intmote.com
图片.png
图片.png
图片.png
图片.png
具体如下:
业务域名:www.intmote.com
校验文件名:pN76ECLf7Q.txt
校验文件已经放到域名根目录,且通过http://www.intmote.com/pN76ECLf7Q.txt可以访问到文件内容
http://www.intmote.com/pN76ECLf7Q.txt
图片.png
图片.png
可能会出现以下这样的问题:保存时还是提示校验文件失败。
图片.png
1.校验文件内容错误。校验文件内容一般是非HTML数据,如果下载下来的校验文件内容为HTML数据,一般为登录态过期。请重新登录小程序下载校验文件。
2.https证书过期。请确保https证书处于有效期内。
3.使用curl 测试链接,确保curl能够正常访问链接。
4.请确保url中的文件名与下载下来的文件名大小写一致。
如下载的文件是pN76ECLf7Q.txt,确保url是http://www.intmote.com/pN76ECLf7Q.txt,不能是http://www.intmote.com/pn76eclf7q.txt
自荐文章: