微信扫描小程序码登录 PC 网站原创

大家好，我是薛丽妙君。恩，这次为大家演示一个，最近做了一个有意思的项目。这个项目呢，叫做小程序扫码登录DEMO。它是一个基于小程序页面，授权使用微信扫描PC端小程序码。来实现获取用户信息进行系统登录的这么一个DEMO。可以。叫做叫他小PC扫小程序码登录吧，然后下面我就为大家演示一下。首先我们来。开启这个后端服务，后端是用KA编辑的。我们来启动一下服务。然后使用的端口是2002，然后下面来启动一下前端。

然后前端启动完成之后，首先打开的是一个登录页面，这个登录页面上面有一个这个。登录的这个区域吧，这个用户名是密码，这个是假的，这功能没做，主要是这个下面这个其他方式登录，下面有一个小程序的标记，我们点击一下。然后会看到一个扫小程序码登录的弹窗，中间是一个小程序码。我们就可以来体验一下这个。小程序的扫码登录。然后下面有一个开关。是作用呢，就是是否启用这个授权获取用户信息。我们先来。用一下看看效果。然后这个是手机的页面。我们来扫一下。

扫描完成之后，我们会看到这个手机上面。有。显示了一个小程序的页面，然后上面有一个授权按钮，我们点击授权。咱们可以看到。我们这个已经成功登录了，然后在web端也拿到了这个。扫码的扫小人码的这个用户的open ID和这个头像，以及你昵生的信息。然后呢，这个时候就可以利用opd来做这个系统登录相关操作就是后面的事情。然后我们点击这个退出。接着我们再来看这个。关闭这个启用授权。获取用户信息的情况是怎么一个效果？然后我们把这个手机的页面。

然后扫码。然后我们可以看到已经。手机上面已经提示成功登录，然后web端也完成了跳转。然后呢，因为这个。呃，没有授权获取用户信息，所以他只能取到这个用户的D。所以呢，这边也就。显示的时候就使用的默认头像和这个昵称也没渠道。这个大概流程就是这样，然后退退出。然后功能就到此，饮食结束，谢谢。