准备
- 登录github
- 选择右上角的setting
- Developer settings -> OAuth Apps -> Register a new application
- 填入基本信息
- 点击绿色的按钮,可以看见 client_id 和 client secret
理清思路:
- 开始时,一个登录的连接,点击连接.后台监听登录(
/login
)路由,然后重定向到github授权的路由(此时需要带上上面生成的Client ID)
- 当重定向(302)到授权的路由时,如果Client ID正确,会返回在准备阶段填写的
Authorization callback URL
.以及一个code
- 本地后台监听
/github/callback
, 获取code后,生成参数,重新访问 github的 https://github.com/login/oauth/access_token
, 以获取token
- 如果 Client ID 和 Client Secret 正确, 访问github授权url时,会得到一个token
- 获得token即验证成功.
代码实现:
<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