微信公众号官方开发文档,传送门
easyWechat开发文档,传送门,感谢大佬提供的开源SDK!还有其他SDK,流程都大同小异。

第一步:后端提供redirect_uri回调地址,前端 向 微信 发起授权请求。如图:
1592018276(1).jpg
第二步,前端发起授权请求后,微信授权页面会被唤起,如果用户点击同意授权,微信会访问redirect_uri地址,后端可以获取到code参数,从而根据业务需求进行系列操作,比如,凭借code换取access_token。获取用户信息后向服务器新增、更新等
1592018912(1).jpg
第三步:后端重定向到前端页面,并把相关参数以?的形式,挂在重定向URL后面,如:https://xxxxx.com/index.html?token=1111&openid=1122323
1592020392(1).jpg
第四步:前端从URL截取,即可获取相关参数


注:redirect_uri是微信公众号后台配置网页授权地址