文章目录

1. 1. github接入
2. 2. 新浪微博接入
3. 3. 实现思路

github接入

github的文档其实说的已经很明白了按照文档一步一步操作就可以了

总的来说有一下三步：
第一步:获取code
第二步:使用post获取access_token
第三步：根据access_token获取想要数据

首先需要创建一个应用页面如下

填写以上四个信息即可，填写完成效果如下：

点击进如可看到如下信息

可以得到一个Client ID 和 Client Secret 后面会用到。

第一步：
在自己页面添加按钮点击跳转到git获取权限页面，页面地址为：https://github.com/login/oauth/authorize?client_id=client_id 我的例子在这里 效果如图：

如果不同意直接叉掉页面即可，如果同意则跳转到设置的授权回调地址,会带一个名为code的参数

第二步：
根据client_id,client_secret,code三个参数使用POST方法获取access_token返回的不止这一个还有其他参数
access_token=e72e16c7e42f292c6912e7710c838347ae178b4a&scope=user%2Cgist&token_type=bearer

第三步：
通过access_token 就可以使用github 提供的API了。
使用get请求https://api.github.com/user?access_token=access_token
即可获取用户相关信息

新浪微博接入

新浪的接入文档

创建应用创建后页面如下

在接口管理，授权机制页面设置授权回调页和取消授权回调页地址
在网站信息和基本信息里可以看到App Key和App Secret

第一步：
在自己页面添加按钮点击跳转到新浪微博获取权限页面，页面地址为：https://api.weibo.com/oauth2/authorize?client_id=client_id&redirect_uri=redirect_uri 我的例子在这里 效果如图：

如果不同意直接叉掉页面即可，如果同意则跳转到设置的授权回调地址,会带一个名为code的参数

第二步：

根据client_id(即AppKey),client_secret(即AppSecret),grant_type(需填写authorization_code),redirect_uri,code(上一步返回的)五个必须参数使用POST方法从https://api.weibo.com/oauth2/access_token获取access_token返回的不止这一个还有其他参数

{
       "access_token": "ACCESS_TOKEN",
       "expires_in": 1234,
       "remind_in":"798114",
       "uid":"12341234"
 }

第三步：
通过access_token及相关数据就可以使用微博提供的API了。
使用get请求https://api.weibo.com/2/users/show.json?access_token=access_token&uid=uid其中uid为要查询用户id
即可获取用户相关信息

实现思路

点击使用第三方登录后跳转授权页面，授权完成后拿到access_token,根据access_token拿到用户id,把第三方名称加第三方用户id拼接字符串作为自己数据库里用户id,并设置为用户已登录，然后跳转页面到已登录页面，进入自己系统逻辑即可。