区块链技术博客
www.b2bchain.cn

微信扫一扫登录(使用小程序实现)求职学习资料

本文介绍了微信扫一扫登录(使用小程序实现)求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

个人网站是无法接入微信扫一扫登录的,只能使用曲线救国的方式,采用小程序了,小程序是可以获取到微信用户的 UnionID 的。

首先第一步要注册一个小程序应用,很简单的,用邮箱申请即可,点击注册

注册完成之后就可以进行开发了,我后台服务使用的是node来写的

生成小程序二维码

要做扫一扫登录,二维码是不可少的,官方也提供了几种生成二维码的方式。查看生成方式

我使用的是A接口,详细信息可查看官方文档。

 POST https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN

从api上可以看出,调用这个接口需要传入成一个 ACCESS_TOKEN ,这个不是我们生成的,需要调用小程序的服务来获取到。

ACCESS_TOKEN

获取 ACCESS_TOKEN 示例

微信扫一扫登录(使用小程序实现)

token过期的时间是由微信服务控制的,拿到之后可以存到redis中,不需要每次都去获取新的

获取到token之后就可以调用生成二维码的方法了

调用示例
微信扫一扫登录(使用小程序实现)
返回的是二维码的文件名称

微信扫一扫登录(使用小程序实现)
处理登录请求,在小程序完成授权之后,调用webSocket服务通知页面授权成功,跳转到首页

页面显示二维码

微信扫一扫登录(使用小程序实现)

登录页面调用服务器端生成二维码并显示在页面上,并且连接webSocket服务,等待服务器确认登录。

小程序

login.js
微信扫一扫登录(使用小程序实现)
login.wxml
微信扫一扫登录(使用小程序实现)

github

体验地址

个人网站是无法接入微信扫一扫登录的,只能使用曲线救国的方式,采用小程序了,小程序是可以获取到微信用户的 UnionID 的。

首先第一步要注册一个小程序应用,很简单的,用邮箱申请即可,点击注册

注册完成之后就可以进行开发了,我后台服务使用的是node来写的

生成小程序二维码

要做扫一扫登录,二维码是不可少的,官方也提供了几种生成二维码的方式。查看生成方式

我使用的是A接口,详细信息可查看官方文档。

 POST https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN

从api上可以看出,调用这个接口需要传入成一个 ACCESS_TOKEN ,这个不是我们生成的,需要调用小程序的服务来获取到。

ACCESS_TOKEN

获取 ACCESS_TOKEN 示例

微信扫一扫登录(使用小程序实现)

token过期的时间是由微信服务控制的,拿到之后可以存到redis中,不需要每次都去获取新的

获取到token之后就可以调用生成二维码的方法了

调用示例
微信扫一扫登录(使用小程序实现)
返回的是二维码的文件名称

微信扫一扫登录(使用小程序实现)
处理登录请求,在小程序完成授权之后,调用webSocket服务通知页面授权成功,跳转到首页

页面显示二维码

微信扫一扫登录(使用小程序实现)

登录页面调用服务器端生成二维码并显示在页面上,并且连接webSocket服务,等待服务器确认登录。

小程序

login.js
微信扫一扫登录(使用小程序实现)
login.wxml
微信扫一扫登录(使用小程序实现)

github

体验地址

个人网站是无法接入微信扫一扫登录的,只能使用曲线救国的方式,采用小程序了,小程序是可以获取到微信用户的 UnionID 的。

首先第一步要注册一个小程序应用,很简单的,用邮箱申请即可,点击注册

注册完成之后就可以进行开发了,我后台服务使用的是node来写的

生成小程序二维码

要做扫一扫登录,二维码是不可少的,官方也提供了几种生成二维码的方式。查看生成方式

我使用的是A接口,详细信息可查看官方文档。

 POST https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN

从api上可以看出,调用这个接口需要传入成一个 ACCESS_TOKEN ,这个不是我们生成的,需要调用小程序的服务来获取到。

ACCESS_TOKEN

获取 ACCESS_TOKEN 示例

微信扫一扫登录(使用小程序实现)

token过期的时间是由微信服务控制的,拿到之后可以存到redis中,不需要每次都去获取新的

获取到token之后就可以调用生成二维码的方法了

调用示例
微信扫一扫登录(使用小程序实现)
返回的是二维码的文件名称

微信扫一扫登录(使用小程序实现)
处理登录请求,在小程序完成授权之后,调用webSocket服务通知页面授权成功,跳转到首页

页面显示二维码

微信扫一扫登录(使用小程序实现)

登录页面调用服务器端生成二维码并显示在页面上,并且连接webSocket服务,等待服务器确认登录。

小程序

login.js
微信扫一扫登录(使用小程序实现)
login.wxml
微信扫一扫登录(使用小程序实现)

github

体验地址

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 微信扫一扫登录(使用小程序实现)求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们