这篇文章主要介绍“node如何进行微博第三方登录”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“node如何进行微博第三方登录”文章能帮助大家解决问题。1、点击微博登录按钮登录2、直接扫码登录具体实现登录https://open.weibo.com/connect申请web网站接入
本地开发的时候应用地址写:127.0.0.1
采用OAuth3.0授权
constweiboUrl=`https://api.weibo.com/oauth3/authorize?client_id=${weiboConfig.appKey}&response_type=code&redirect_uri=${weiboConfig.redirectUrl}`
appKey: 创建应用成功后weibo给你的appKey
redirectUrl: 用户授权成功后跳转的你的前端页面,我这里写的是http://127.0.0.1:8080/login用户授权登录后,会跳转到你上一步写的redirectUrl,并带上用户code,url类似于http://127.0.0.1:8080/login?code=abcdefvue监听路由url,如果url上有code就去请求后端的登录回调接口
created(){ const{code}=this.$route.query; if(code){ loginCallback({code}).then((res)=>{ this.$message({ message:`${res.nickname}欢迎您`, type:"success", }); this.setUser(res); this.$router.push("/tool/qr"); }); } }
asyncloginCallback(ctx){ let{code}=ctx.request.body if(!code){ returnctx.error(errCode.PARAMS_ERROR,'参数错误') } //获取accessToken const{access_token,uid}=awaitgot.post('https://api.weibo.com/oauth3/access_token',{ form:{ client_id:weiboConfig.appKey, client_secret:weiboConfig.appSecret, grant_type:'authorization_code', redirect_uri:weiboConfig.redirectUrl, code } }).json() //通过accessToken获取UserInfo const{id,name:nickname,avatar_hd:avatar}=awaitgot.get(`https://api.weibo.com/2/users/show.json?access_token=${access_token}&uid=${uid}`).json() //在自己的系统内创建Us免费云主机域名er let[user,isCreate]=awaitWeiboUser.upsert({id,nickname,avatar}) //生成登录Token,通过userType区分是微博登录用户还是系统账号登录用户 consttoken=awaitjwt.createToken({...user.toJSON(),userType:'weiboUser'}) returnctx.success({nickname,avatar,token}) }
asyncgetWeiboLoginQr(ctx){ constqrApi=`https://api.weibo.com/oauth3/qrcode_authorize/generate?client_id=${weiboConfig.appKey}&redirect_uri=${weiboConfig.redirectUrl}&scope=&response_type=code&state=&__rnd=${Date.now()}` const{url,vcode}=awaitgot.get(qrApi).json() returnctx.success({weiboQrUrl:url,vcode}) }
返回的url就是微博登录二维码url,vcode相当于此二维码唯一标识,用来查询用户是否扫码前端:
constid=setInterval(()=>{ getWeiboLoginQrStatus({vcode}).then((res)=>{ const{status,url}=res; if(status==="3"){ window.location=url; clearInterval(id); } }); },3000);
后端:
asyncgetWeiboLoginQrStatus(ctx){ const{vcode}=ctx.request.query if(!vcode){ returnctx.error(errCode.PARAMS_ERROR,'参数错误') } constqueryQrApi=`https://api.weibo.com/oauth3/qrcode_authorize/query?vcode=${vcode}&__rnd=${Date.now()}` const{status,url}=awaitgot(queryQrApi).json() returnctx.success({status,url}) }
如果status为3,代码用户已经扫码授权了,同时返回的url即点击按钮登录后的前端回调url。之后的步骤就跟2. 授权页面跳转,获取用户code一模一样了.关于“node如何进行微博第三方登录”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。
相关推荐: 怎么给所有的async函数添加try/catch
这篇“怎么给所有的async函数添加try/catch”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么给所有的async函数添加try/cat…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。