koa --- > 使用Github OAuth登录

准备

  1. 登录github
  2. 选择右上角的setting
    在这里插入图片描述
  3. Developer settings -> OAuth Apps -> Register a new application
    在这里插入图片描述
  4. 填入基本信息
    在这里插入图片描述
  5. 点击绿色的按钮,可以看见 client_id 和 client secret
    在这里插入图片描述

理清思路:

  1. 开始时,一个登录的连接,点击连接.后台监听登录(/login)路由,然后重定向到github授权的路由(此时需要带上上面生成的Client ID)
  2. 当重定向(302)到授权的路由时,如果Client ID正确,会返回在准备阶段填写的Authorization callback URL.以及一个code
  3. 本地后台监听 /github/callback, 获取code后,生成参数,重新访问 github的 https://github.com/login/oauth/access_token, 以获取token
  4. 如果 Client ID 和 Client Secret 正确, 访问github授权url时,会得到一个token
  5. 获得token即验证成功.

代码实现:

  • index.html
<html>
  <head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  </he
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值