广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买
node是怎么实现github第三方登录的?下面本篇文章给大家介绍一下nodeJS实现github第三方登录的方法,希望对大家有所帮助!
一、详细流程二、具体流程1.注册应用①登录github,Settings=>Developer settings=>OAuth Apps=>Register a new application
②填写应用信息
③注册完成,得到Client ID和Client Secret
【相关教程推荐:nodejs视频教程】
2.前端发起请求到github授权页面,授权成功拿到code重定向到配置的后端callback URL<a href="https://github.com/login/oauth/authorize?client_id={你自己的cilent_id}&redirect_uri=http://localhost:3001/github" class="iconfont ali-icon-github"></a>登录后复制3.后端拿到code,带着code请求github,拿到token,再将token放在url上传递给前端
router.get('/github',controller.auth.githubLogin)登录后复制
const axios = require('axios')const querystring = require('querystring')const config = { client_id: "你自己的client_id", client_secret: "你自己的client_secret"}class AuthController { async githubLogin(ctx) { const code = ctx.request.query.code const params = { client_id: config.client_id, client_secret: config.client_secret, code: code } let res = await axios.post('https://github.com/login/oauth/access_token', params) console.log(res) const token = querystring.parse(res.data).access_token ctx.cookies.set('token', token, { maxAge: ctx.config.jwt.expire * 1000, }); res = { ...ctx.errCode.SUCCESS, data: { token } }; ctx.redirect('http://172.25.78.33:8081/login/success?token='+token) }}module.exports = exports = new AuthController();登录后复制4.前端创建临时页面,保存url上的token,并跳转到登录成功页面
临时页面会跳转的很快,基本上看不到。
<template> <h1>登录成功跳转首页</h1></template><script>import {setLoginedUser} from "@/http/axios";export default { mounted() { setLoginedUser("github", this.$route.query.token); this.$message({ message: "登录成功", type: "success", }); this.$router.push("/home"); },};</script><style></style>登录后复制三、代码链接
https://github.com/wantao666/nodejs-github
更多node相关知识,请访问:nodejs 教程!
以上就是浅析node是怎么实现github第三方登录的的详细内容,更多请关注9543建站博客其它相关文章!
发表评论