微信公众号网页授权开发笔记

如果用户在微信客户端中访问第三方网页，公众号可以通过微信网页授权机制，来获取用户基本信息，进而实现业务逻辑。本文主要记录网页授权开发过程中的一些步骤以及遇到的问题。

1.申请订阅号或者服务号

订阅号与服务号（是否认证）接口权限不同，根据项目需要申请不同类型的公众号以及选择是否认证，官方接口权限详情：https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Explanation_of_interface_privileges.html。本文主要介绍网页授权开发，结合官方的接口权限，需要申请服务号并认证（需要费用300元/年）。微信认证相关问题如下图所示示例，可以到官方客户查看：https://kf.qq.com/faq/1612197nEJNR161219BB7Jne.html。

2.获取开发者信息AppID和AppSecret

登录微信公众平台后，在左侧 “开发” -》 “基本配置” 菜单页面中配置并获取开发者信息AppID和AppSecret，如下所示：

3.配置网页授权域名地址

登录微信公众平台后，在左侧 “设置” -》 “公众号设置” 菜单页面中“功能设置”下面设置网页授权域名，如下所示。需要将微信提供的下载文件放入规定的目录下面才能通过微信验证并设置域名成功。

4.网页授权四大步骤

上面的步骤完成之后，我们就可以开始开发接入网页授权功能。网页授权的过程一般我们程序主要会使用微信账号的openid或者unionid绑定到自己的系统中完成第三方登录，下次用户通过微信方法实现自动登录的效果，可能会使用微信用户信息中的头像和昵称等信息。开发过程中一般会使用如下四大步骤：

4.1.微信用户同意授权，程序获取临时码code

4.2.通过code获取access_token（需要放到服务端处理）

4.3.通过access_token获取微信用户信息（需要放到服务端处理）

4.4.管理并刷新access_token（需要放到服务端处理）

这里就不开发重复说明，详细信息直接查看微信官方开发文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

微信公众平台接口测试账号

作为开发人员，开发过程中我们更关注代码层面，如果1~3步骤未完成，我们可以在微信公众接口测试平台申请测试账号获取开发所需的AppID和AppSecret以及完成相应的配置。微信公众平台接口测试账号入口：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login&token=1587990408&lang=zh_CN。