微信公众号网页授权域名设置

微信公众号获取用户信息

公众号 h5 页面开发过程中，一般都有获取用户基本信息的需求，比如用户头像、openId 等。要在指定的 h5 页面获取用户信息，必须要登录公众号，将该页面下的域名添加到微信公众号网页授权域名列表中。

设置微信公众号网页授权域名

网页授权域名设置入口

首先，登录公众号，然后依次找到：开发→接口权限→网页授权→修改，如下图：

网页授权域名入口1

点击修改（如果是第一次添加，按钮文案记得不是“修改”），进入如下页面：

网页授权域名入口2
点击网页授权域名右侧的 “设置” 按钮，出现一个弹窗：

添加网页授权域名

添加网页授权域名
仔细阅读弹窗的文案，得出的结论是：先下载那个 *.txt 文件，然后经过一定配置后，当访问 http://your_domain/*.txt 时，返回的结果是该文件里边的内容。

下载txt文件

首先，把 *.txt 文件下载到本地，如果打开该文件，可以看到只有一串字符串，如下：

*.txt文件内容

配置nginx

因为服务器使用 nginx 做代理，所以直接添加几行配置，即可达到目的。

配置nginx

配置如下：

server {
    listen 80;
    server_name 域名;

    location /txt文件名 {
        default_type text/html;
        return 200 'txt文件内容';
    }
}

上面配置的意思为：监听80端口，如果有请求进来，且域名为目标域名，然后请求的 uri 为 txt文件名，那么返回 txt 文件内容。

配置完成后：

# 测试
$ nginx -t
# 重新加载配置
$ nginx -s reload

测试

在浏览器地址栏输入http://your_domain/*.txt，如果成功返回 txt 文件的内容，那么可以放心的把域名添加到微信网页授权域名列表中。

把域名添加到网页授权域名

添加网页授权域名

把域名添加，然后点击保存即可。

完！！！