github登录不上(github第三方登录实现)
admin
2023-04-27 11:40:10

GitHub OAuth 第三方登录

导入模块

constKoa=require("koa");constrouter=require("koa-router")();conststatic=require("koa-static");constaxios=require("axios");constquerystring=require("querystring");

初始化 App

constapp=newKoa();app.use(static(__dirname+"/"));//TODO路由待补充app.use(router.routes());app.listen(7001);

登录 GitHub 申请 AuthApp:

Settings/Developer/settings/AuthApp

constconfig={client_id:"",client_secret:"",};

第一步:前端触发服务器接口由服务器重定向到 Github 授权页面

router.get("/github/login",async(ctx)=>{constpath=`https://github.com/login/oauth/authorize?client_id=${config.client_id}`;ctx.redirect(path);});

第二步:GitHub 验证授权信息后重定向到服务器接口返回 Code

router.get("/auth/github/callback",async(ctx)=>{const{code}=ctx.query;console.log("code:",code);//TODO其他部分待实现});

第三步:服务器通过 code 换取 accesstoken

router.get("/auth/github/callback",async(ctx)=>{const{code}=ctx.query;console.log("code:",code);constparams={client_id:config.client_id,client_secret:config.client_secret,code:code,};letret=awaitaxios.post("https://github.com/login/oauth/access_token",params);const{access_token}=querystring.parse(ret.data);console.log("access_token:",access_token);//TODO其他部分待实现});

第四步:使用 accesstoken 获取用户信息,服务器做登录态处理

router.get("/auth/github/callback",async(ctx)=>{const{code}=ctx.query;console.log("code:",code);constparams={client_id:config.client_id,client_secret:config.client_secret,code:code,};letret=awaitaxios.post("https://github.com/login/oauth/access_token",params);const{access_token}=querystring.parse(ret.data);console.log("access_token:",access_token);ret=awaitaxios.get(`https://api.github.com/user`,{headers:{Authorization:`token${access_token}`},});console.log("user:",ret.data);ctx.body=`

Hello${ret.data.login}

`;});

补充 Html 部分:

LoginwithgithubLoginwithgithub

以上就是爱惜日网»github登录不上(github第三方登录实现)的相关内容了,更多精彩请关注作者:爱惜日号SEO专员

声明:本文由爱惜日网/爱惜日号作者编辑发布,更多技术关注!

相关内容

热门资讯

阿西吧是什么意思 阿西吧相当于... 即使你没有受到过任何外语培训,你也懂四国语言。汉语:你好英语:Shit韩语:阿西吧(아,씨발! )日...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
阿西吧是什么意思 阿西吧相当于... 即使你没有受到过任何外语培训,你也懂四国语言。汉语:你好英语:Shit韩语:阿西吧(아,씨발! )日...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...