微信小程序添加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内容