在网页扫码公众号既可引导用户关注公众号，同时网页可以获取用的这个功能是怎么实现的？（内附录屏GIF）

Question

在网页扫码公众号既可引导用户关注公众号，同时网页可以获取用的这个功能是怎么实现的？（内附录屏GIF）

想实现以上功能，如上GIF图所示，

想问一下：上图是一个网站，在网页中要求用户登陆，弹出的二维码实际上是用来关注公从号的，用户扫码后，可以同时达到关注公众号，并且实现了网页读取到了用户的头像。这个功能是怎么实现的。

当前我有的资源是：公众号（服务号，已认证）

开发者平台（资质已认证）且有网页应用APP也已经开通。

当前摸索阶段发现：

如果使用公众号（服务号）的APPID可以在网页中展示公众号，但用户可能扫描关注，而网页读取不到用户的信息。

如果使用开发者平台网页应用的APPID可以在网页中展示公众号，网页可以读取到用户的信息，但不能引导用户关注公众号（服务号）。

已经琢磨好久了，望高人指点，谢谢~

Answer 1

当用户在微信中扫描二维码并授权给第三方应用后，页面可以通过以下步骤获取到用户的相关信息：
1、用户扫描二维码并同意授权给第三方应用，此时微信会将用户重定向到第三方网站或者拉起应用，并带上授权临时票据code参数。
2、第三方应用通过code参数、AppID和AppSecret等，通过API换取access_token。
2、第三方应用使用access_token进行接口调用，获取用户的基本数据资源或帮助用户实现基本操作。