世界热头条丨浅析node是怎么实现github第三方登录的

(资料图)

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


登录后复制

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，并跳转到登录成功页面

临时页面会跳转的很快，基本上看不到。

<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>
登录后复制