SpringBoot+Vue实现第三方GitHub登录(一)

1. GitHub登录介绍(测试网站：地址）

       第三方网站主要通过使用“GitHub登录”接入GitHub开放平台。"GitHub登录”是GitHub平台提供给第三方网站的一种服务。“

  同时，第三方网站根据用户提供的绑定信息，借助Gitee空间庞大的用户群，使网站的信息能通过好友关系得到进一步的传播，提升网站的访问量和用户数。

  OAuth： OAuth（开放授权）是一个开放标准，允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息，而不需要将用户名和密码提供给第三方网站或分享他们数据的所有内容。

  OAuth协议为用户资源的授权提供了一个安全的、开放而又简易的标准。

  与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息（如用户名与密码），即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权，因此OAUTH是安全的。

  OAuth是Open Authorization的简写，目前的版本是2.0版。  https://oauth.net/2/

2. 成为开发者

     开发者通过以下几个步骤，即可接入Gitee开放平台： 注册开发者 → 创建应用 → 获取接口权限。

2.1 GitHub登录开发流程

  1. 注册、登录 github

  2. 点击头像下的 Settings -> Developer settings 右侧 New OAuth App

  3. 填写申请 app 的相关配置，重点配置项有2个

  4. Homepage URL 这是后续需要使用授权的 URL ，你可以理解为就是你的项目根目录地址

  5. Authorization callback URL 授权成功后的回调地址，这个至关重要，这是拿到授权 code 时给你的回调地址。

2.2 注册GitHub账号

　　在GitHub官网按要求注册/登录账号(官网地址：https://github.com) ，并完成登录

3. 应用接入申请

    应用接入前，首先需进行申请，获得对应的appid与appkey，以保证后续流程中可正确对网站与用户进行验证与授权。

3.1 创建应用

1. 登录成功后，点击右上角“头像”按钮，点击“Settings”按钮

2. 跳转到设置页面，选择“Developer settings”按钮

3. 跳转“Developer settings”页面，选择“OAuth Apps”按钮，点击创建应用, 我的已经审核通过并且已经创建过一个应用了。

4. 填写应用相关信息，其中：回调地址 是用户授权后，GitHub回调到应用，并且回传授权码的地址。

5. 网站信息填写完成，点击“创建应用”后，网站应用创建完成，会生成 Cliend ID 和 Client Secrets。他们将会在上述OAuth2 认证基本流程用到。

申请clientID和clientSecret的用途

  clientID：应用的唯一标识。

  clientSecret：clientID对应的密钥，访问用户资源时用来验证应用的合法性。

  申请地址: https://github.com/settings/developers

注意：对clientID和clientSecrets信息进行保密，不要随意泄漏。

3.2 到此准备工作结束，网站开发流程(在下篇介绍)

3.3 每个人做的项目需求不同，可能会出现不同的问题，文章仅供参考

3.4 SpringBoot+Vue实现第三方GitHub登录(二)

3.5 其他第三方登录方式：第三方登录汇总

4. 源码购买

4.1 简洁版源码（淘宝店铺：爱创客网络）

只包含登录，第三方登录，跳转首页（没有菜单！），技术框架：SpringBoot+SpringSecurity+Mysql+Redis+Vue+ElementUI等

4.2 完整版本源码（淘宝店铺：爱创客网络）

测试地址(测试地址是完整版源码的)：www.youyoushop.work

包含登录，注册，第三方登录，完整的系统管理模块，系统工具模块，系统监控模块，系统日志模块，个人中心等，技术框架：SpringBoot+SpringSecurity+Mysql+Redis+Vue+ElementUI等