• 下载
  • 社区

配置 H5 白名单流程

使用 web-view H5 页面承载组件 时需要完成 H5 页面中所有域名地址(含静态资源地址,如图片、.js 文件地址等)白名单配置,此章节主要描述相关配置流程。配置过程中关于 H5 问题请参见 web-view 常见问题


注意:如果已提交版本再添加的H5域名,需要重新提交版本审核上架。否则仍然提示页面受限。


前提条件

  • 已获取一个备案过的服务器,服务器已装好 Nginx(服务器类型请自行选择),Nginx 配置好 http 设置并且页面可以正常访问。备案详情请见 ICP 备案快速入门
  • 已获取一个备案过的域名,该域名已经指向备案过的服务器。


操作指导


  1. 登录 支付宝小程序管理中心 进入到小程序设置页面,选择 开发设置 > 服务器域白名单,点击 一键免费申请SSL证书

      说明:如果已配置SSL证书,请直接执行步骤5。

image.png


  1. 填写相关信息申请免费SSL证书。

  1. 按照以下图示添加域名验证信息,提交验证。


  1. 审核成功后选择服务器 Nginx(若安装的服务器不是 Nginx,请选择对应类型的证书),并点击 下载 对应证书进行证书配置。

      配置方法可点击 帮助 查看对应指导文档。

23.png


  1. 在弹框 H5 域名配置 中点击 下载校验文件,获取校验文件并放置在 Nginx 配置域名根目录下。


24.png


  1. 输入域名地址,地址格式为 https://yourpath 点击 点击这里 确认验证文件可以正常访问。如果配置正确,则校验通过。通过后点击 确定,即完成白名单配置。


image.png


注意:可键入 F12,进入 source,排查域名是否配置完整。


image.png