微信小程序添加web-view业务域名，"不支持打开非业务域名"解决办法

我们在《小程序解析html富文本的3种常用方法》提到过，
小程序解析html网页标签，
有3种方法：
1） 使用 wxParse 解析html
2） 单独解析 html标签
3） 使用最新的小程序组件 web-view

前面两种方法我们已经详细讲解过了，
在讲第三种方法之前，
需要先做些准备，
因为…

微信小程序团队，
在前几天推出了一个小程序新组件web-view，
可以在这个组件中显示你的html网页内容，
但是在使用前，
需要你在小程序官方后台设置web-view的业务域名，
也就是你允许哪些域名网站的网页，
可以在web-view组件中打开，

否则会出现“不支持打开非业务域名，请重新配置”错误。

这一节课程，
子恒老师将跟你分享怎么实现。

一、 设置web-view域名前要做的准备

1. 需要小程序管理员扫码验证
2. 业务域名需要ICP备案
3. ftp上传工具：小程序需要验证你业务域名的所有权，验证方法是，上传验证文件到你域名的根目录。

二、 设置web-view域名流程和方法

1） 登录小程序后台，依次选择‘设置/开发设置’

小程序业务域名位置

在网页中间会看到‘业务域名’板块，
点击‘开始配置’按钮

2） 填写业务域名

填写小程序业务域名

如果你有多个域名要添加，
可以点击 + 号

子恒老师填写的是：
官网：https://www.qinziheng.coom
微信课堂网址：https://211.qinziheng.com

填写好后，
点击‘下载检验文件’

然后通过 ftp 把下载的文件上传到
前面填写的网站根目录

验证通过后，
点击‘保存’按钮

这一步需要注意的地方
最多可以添加20个业务域名
每年可以修改50次业务域名

3） 添加成功

小程序业务域名添加成功

会在第一步中的地方，
看到刚才添加的域名。

猛击这里，
在线观看《小程序设置web-view业务域名》视频教程。

下一节课程，
子恒老师将跟你分享怎么使用web-view组件显示你网站的html5内容