【小程序】- web-view不支持打开非业务域名如何解决

前言:

小程序使用web-view时访问h5页面提示“不支持打开非业务域名,请重新配置”,不了解的即是大写的问号,错误提示的也是很明确了,重新配置,那么接下来我们就进行配置的操作;
【小程序】- web-view不支持打开非业务域名如何解决

内容:

1. 服务器域名

每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信。包括普通 HTTPS 请求(wx.request)、上传文件(wx.uploadFile)、下载文件(wx.downloadFile) 和 WebSocket 通信(wx.connectSocket);

配置流程官网指引-》 官网配置流程

配置步骤

登录微信公众平台-开发-开发设置-服务器域名

未配置的页面如下:点击“开始配置”-微信扫码登录-添加域名即可
【小程序】- web-view不支持打开非业务域名如何解决
已经配置过的页面如下:点击修改添加所需要的服务器域名即可
【小程序】- web-view不支持打开非业务域名如何解决

2. 业务域名

登录微信公众平台-“开发”-“开发设置”-配置页面域名配置-“开始配置”(此页面与服务器域名第一次配置相似)
【小程序】- web-view不支持打开非业务域名如何解决

本地测试业务域名设置

如果我们只是在本地测试使用web view访问网页,那么可以通过在开发工具中-右侧“详情”-点击“本地设置”-勾选“不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书”,然后重新编译项目可以成功访问,具体操作如下图所示:
【小程序】- web-view不支持打开非业务域名如何解决

3. 开发工具中查看

微信扫码登录-点击“下载校验文件”,将校验文件放在要访问的项目所部署的服务器根目录下,放置成功即可添加业务域名;
【小程序】- web-view不支持打开非业务域名如何解决
配置成功后打开开发工具,点击右侧“详情”-“本地设置”,可以看到我们在微信公众平台(也就是小程序的管理后台)配置的服务器域名和业务域名,如下图所示;
【小程序】- web-view不支持打开非业务域名如何解决

尾声:

如果只是本地测试一下的话,也就没有必要进行一系列的服务器域名配置、业务域名配置,可以通过本地设置勾选不校验域名配置,当项目上线应用时,我们就需要进行配置了,以上自己操作过程的记录;