小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

众所周知，小程序是一种不需要下载安装即可使用的应用。对于开发者而言，小程序开发门槛相对较低，接入文档很完备，上手快，且节约开发和推广成本，能够满足简单的基础应用；对于用户来说，能够节约使用时间成本和手机内存空间。因此，小程序逐渐打开市场，各大平台推出自己的小程序。

先来罗列一下几款主流小程序：微信小程序，支付宝小程序，百度小程序，头条小程序，抖音小程序，qq小程序 ... ...

而在原生小程序中，都会有一个webview容器来内嵌H5页面，为了安全起见，会对内嵌的H5进行访问限制，每一个 appId 是独立的，因此需要在每一个小程序在上线前都需要配置域名白名单。

对于开发而言，有必要了解下各大平台配置白名单的差异化。下面来进入正题，分别来介绍下各平台的小程序是如何进行白名单配置的：

在微信公众平台中设置：

设置路径：开发管理 -> 开发设置 -> 开发 -> 业务域名 进行修改添加

并下载校验文件，放置在域名根目录下**（感谢热心网友提醒，已更正 ~ ）**

若有疑问可参看文档：developers.weixin.qq.com/miniprogram…

在支付宝开放平台中设置：

设置路径：控制台 -> 开发设置 -> H5域名配置（域名仅支持https协议头） **，**点击添加出现域名配置弹框，按照匹配规则步骤执行：

请下载校验文件（每个appId 有独立的校验文件），获取该校验文件

将校验文件放置于域名的根目录下

在平台中「点击这里」，确认校验文件可以正常访问

若有疑问可参看文档： opendocs.alipay.com/mini/compon…

在智能小程序中设置： 设置路径：**设置 -> 开发设置 -> 业务域名，**设置步骤大体同支付宝小程序，下载校验文件，放置于域名根目录下，但是需要注意一点，校验文件命名规则需要按照规范设定。

举例：小程序 appid = 123456 配置域名为：baidu.com 则需要把校验文件放置到 baidu.com 域名下，最后的链接地址为：baidu.com/bd\_mapp\_d…

** **

若有疑问可参看文档：smartprogram.baidu.com/docs/develo…

在字节小程序中设置： 设置路径： 开发管理 -> 开发设置 -> webview 域名，即可下载、配置校验文件并配置 webview 域名，设置步骤同支付宝小程序

若有疑问可参看文档： microapp.bytedance.com/docs/zh-CN/…

在QQ小程序开放平台中设置： 设置路径： **开发 -> 开发设置 -> 服务器域名，**直接添加保存即可。

若有疑问可参看文档： q.qq.com/wiki/develo…

总结下来就两种：

至此，各大平台小程序内嵌H5白名单配置方法已经汇总如上，希望对大家能有帮助，欢迎交流，感恩❤