共计 625 个字符，预计需要花费 2 分钟才能阅读完成。
create-at 2019-04-02
官方文档
总共 4 步：
第一步：用户同意授权，获取 code
第二步：通过 code 换取网页授权 access_token
第三步：刷新 access_token（如果需要）
第四步：拉取用户信息 (需 scope 为 snsapi_userinfo)
这里只对前端需要做的工作进行说明
前端需要做的只有第一步，因为出于安全考虑，敏感信息不能传给客户端；即便强行用前端来处理整个过程，微信那边也有检测，不会将敏感信息返回。
前端部分：
(1) 获取 appid：这个由自己公司后端人员提供接口获取
(2) 调用如下接口：参数一定要按顺序；redirect_uri 可以带上参数一起转码，转码用 encodeURIComponent; 实测是用 location.href 访问的该接口, 没有异常
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
具体参数的意义请参考上方官方文档
(3) 获取 code：跳转到重定向的页面后 code 会跟在 url 链接上，如果重定向的地址也带有参数，code 会拼接在其后边
(4) 将 code 传给后端，返回用户信息
本篇文章只是做了整个流程说明与坑点，详见上方官方文档
交流 Github blog issues