OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token

在登陆一些网站的时候,可以选择登陆方式为第三方登陆,例如微博登陆,以爱奇艺为例,进入首页,点击 ”登陆“,会弹出登录框:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第1张图片

除了本站登陆外,还可以选择其他第三方登陆,比如微博登陆、QQ 登陆、微信登陆等。

选择微博登陆后,爱奇艺会向用户申请授权用于微博登陆(当用户已经登陆了微博时会直接申请授权,当用户没有登陆时会提示用户登陆微博):

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第2张图片

此时提示窗口的 url 为:https://api.weibo.com/oauth2/authorize?scope=&redirect_uri=http%3A%2F%2Fpassport.iqiyi.com%2Fapis%2Fthirdparty%2Fncallback.action%3Ffrom%3D2&display=default&client_id=1925825497

 

当选择连接时,跳转到登录页面,提示用户正在使用新浪微博登陆,并且要求用户使用新浪微博绑定登陆账户:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第3张图片

 

记录一下在自己的网站上实现使用新浪微博一键登录的实现过程。

① 登陆新浪开发平台:http://open.weibo.com/

② 选择 “我的应用” -- “管理中心” -- “完善开发者信息”,如图:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第4张图片

 

 

③ 完善信息(网站填你的线上网站)-- 提交 -- 验证邮件 -- 验证完毕;

 

④ 选择 “微连接” -- “网站接入” -- “立即接入”:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第5张图片

 

 添加新网站(你的线上网站):

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第6张图片

 

⑤ 根据提示在网站的首页添加 meta 标签,验证并添加:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第7张图片

 ⑥ 选择 “深度部署” -- “微博登陆”:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第8张图片

 

⑦ 接下来阅读微博 openAPI 文档:新浪微博授权机制说明

OAuth2.0 的流程如下:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第9张图片

其中Client指第三方应用,Resource Owner指用户,Authorization Server是我们的授权服务器,Resource Server是API服务器。

 

微博提供了一系列 OAuth2.0 接口:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第10张图片

 

Web 网站的授权流程:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第11张图片

 

⑧ 在网站中创建一个测试页面,引导需要授权的用户到地址(获取用户授权,接口文档地址:http://open.weibo.com/wiki/Oauth2/authorize):https://api.weibo.com/oauth2/authorize?client_id=YOUR_CLIENT_ID&response_type=code&redirect_uri=YOUR_REGISTERED_REDIRECT_URI:

<a href="https://api.weibo.com/oauth2/authorize?client_id=4*******&redirect_uri=http://www.ofim.com.cn/index/response/response&response_type=code">登陆</a>

 

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第12张图片

 

访问该页面(点击 ”登陆“),当我的微博处于登陆状态时,得到:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第13张图片

 

 当微博没有登陆是,点击 ”登陆(<a href="https://api.weibo.com/oauth2/authorize?client_id=4*******&redirect_uri=http://www.****.cn/index/response/response&response_type=code">登陆</a>)“,得到:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第14张图片

  

选择 ”连接“ 或 登陆后选择 ”连接“,获取授权成功之后就跳转到了授权回调页(redirect_uri):

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第15张图片

在 url 中返回了一个 code 参数,返回数据说明:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第16张图片

 

⑨ 换取 Access Token

新浪的接口地址是:https://api.weibo.com/oauth2/access_token?client_id=YOUR_CLIENT_ID&client_secret=YOUR_CLIENT_SECRET&grant_type=authorization_code&redirect_uri=YOUR_REGISTERED_REDIRECT_URI&code=CODE

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第17张图片

上面设置的授权回调地址是:http://www.****.cn/index/response

所以在 index 控制器中添加 response 方法,使用 post 方式请求接口地址:

  public function response(){
          $code = I('code');
          $register_url = 'http://www.ofim.com.cn/index/register';
          $url = 'https://api.weibo.com/oauth2/access_token';
          $data = 'client_id=4******&client_secret=f*******&grant_type=authorization_code&redirect_uri='.$register_url.'&code='.$code;
          $curl= curl_init();
          curl_setopt($curl,CURLOPT_POST,1); //post方式
          curl_setopt($curl,CURLOPT_POSTFIELDS,$data); //设置post的参数    
          curl_setopt($curl, CURLOPT_URL, $url);
          curl_setopt($curl, CURLOPT_RETURNTRANSFER, TRUE);//在字符串中返回
          $result = curl_exec($curl);
          curl_close($curl);
          $result = json_decode($result, true);
          $uid = $result['uid'];
//获取用户信息 $show_url = "https://api.weibo.com/2/users/show.json?uid=".$uid."&access_token=".$result['access_token']; $ch = curl_init(); $timeout = 30; curl_setopt($ch, CURLOPT_URL, $show_url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout); curl_setopt($curl, CURLOPT_USERAGENT, "user-agent:Mozilla/5.0 (Windows NT 5.1; rv:24.0) Gecko/20100101 Firefox/24.0"); $user_info = curl_exec($ch); curl_close($ch); dump($user_info); $this->display(); }

 

重复上一步骤的 "登陆" 步骤,将返回 json 格式的数据到授权回调页:

{
"access_token":"2.00B_E*******",
"remind_in":"151667",
"expires_in":151667,
"uid":"1678084663"
}

Access_token 获取成功。

 

⑩ 调用 API

阅读微博 API 文档,根据返回的 Access_token 获取需要的数据:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第18张图片 

 

例如获取授权用户的信息(http://open.weibo.com/wiki/2/users/show)调用接口:http://open.weibo.com/wiki/2/users/show

接口测试地址:http://open.weibo.com/tools/console?uri=users/show&httpmethod=GET&key1=uid&value1=1904178193

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第19张图片

  public function response(){
          $code = I('code'); $register_url = 'http://www.ofim.com.cn/index/register'; $url = 'https://api.weibo.com/oauth2/access_token'; $data = 'client_id=4******&client_secret=f*******&grant_type=authorization_code&redirect_uri='.$register_url.'&code='.$code; $curl= curl_init(); curl_setopt($curl,CURLOPT_POST,1); //post方式 curl_setopt($curl,CURLOPT_POSTFIELDS,$data); //设置post的参数 curl_setopt($curl, CURLOPT_URL, $url); curl_setopt($curl, CURLOPT_RETURNTRANSFER, TRUE);//在字符串中返回 $result = curl_exec($curl); curl_close($curl); $result = json_decode($result, true); $uid = $result['uid'];
//获取用户信息 $show_url = "https://api.weibo.com/2/users/show.json?uid=".$uid."&access_token=".$result['access_token']; $ch = curl_init(); $timeout = 30; curl_setopt($ch, CURLOPT_URL, $show_url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout); curl_setopt($curl, CURLOPT_USERAGENT, "user-agent:Mozilla/5.0 (Windows NT 5.1; rv:24.0) Gecko/20100101 Firefox/24.0"); $user_info = curl_exec($ch); curl_close($ch); echo '<pre>'; print_r($user_info); $this->display(); }

 

重复上一步骤的 "登陆" 步骤,将返回 json 格式的数据到授权回调页。格式化后的 Json 数据:

{
    "id": 1848585863,
    "idstr": "1848585863",
    "class": 1,
    "screen_name": "迪斯大王",
    "name": "迪斯大王",
    "province": "11",
    "city": "14",
    "location": "北京 昌平区",
    "description": "力量即正义",
    "url": "",
    "profile_image_url": "http://tp4.sinaimg.cn/1848585863/50/5739067706/1",
    "profile_url": "537681230",
    "domain": "arsenal1886",
    "weihao": "537681230",
    "gender": "m",
    "followers_count": 280,
    "friends_count": 591,
    "pagefriends_count": 4,
    "statuses_count": 1101,
    "favourites_count": 10839,
    "created_at": "Fri Nov 05 18:25:12 +0800 2010",
    "following": false,
    "allow_all_act_msg": true,
    "geo_enabled": false,
    "verified": false,
    "verified_type": -1,
    "remark": "",
    "status": { "created_at": "Mon Dec 07 16:33:51 +0800 2015", "id": 3917453803378179, "mid": "3917453803378179", "idstr": "3917453803378179", "text": "做分母[挖鼻]", "source_allowclick": 0, "source_type": 1, "source": "微博 weibo.com", "favorited": false, "truncated": false, "in_reply_to_status_id": "", "in_reply_to_user_id": "", "in_reply_to_screen_name": "", "pic_urls": [], "geo": null, "reposts_count": 0, "comments_count": 0, "attitudes_count": 0, "isLongText": false, "mlevel": 0, "visible": { "type": 0, "list_id": 0 }, "biz_feature": 0, "darwin_tags": [], "userType": 0 }, "ptype": 0, "allow_all_comment": true, "avatar_large": "http://tp4.sinaimg.cn/1848585863/180/5739067706/1", "avatar_hd": "http://ww3.sinaimg.cn/crop.166.0.432.432.1024/6e2f2e87jw8ewr8egv0r9j20k00c00uk.jpg", "verified_reason": "", "verified_trade": "", "verified_reason_url": "", "verified_source": "", "verified_source_url": "", "follow_me": false, "online_status": 0, "bi_followers_count": 42, "lang": "zh-cn", "star": 0, "mbtype": 0, "mbrank": 0, "block_word": 0, "block_app": 0, "credit_score": 80, "user_ability": 0, "urank": 26 }

 

注:如果是未审核的应用,使用上面获取用户信息的接口可能会返回

{"error":"applications over the unaudited use restrictions!","error_code":21321,"request":"/2/users/show.json"}

解决方案是需要先在后台添加测试用户(见:http://open.weibo.com/qa/index.php%3Fqa%3D10201%26qa_1%3D21321-applications-unaudited-restrictions-%E6%9C%AA%E5%AE%A1%E6%A0%B8%E7%9A%84%E5%BA%94%E7%94%A8%E4%BD%BF%E7%94%A8%E4%BA%BA%E6%95%B0%E8%B6%85%E8%BF%87%E9%99%90%E5%88%B6?show=10801):

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第20张图片

 

 

说明:用到的页面有 登陆引导页、授权回调页。

 授权回调页设置地址:

OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token_第21张图片

 

参考:

新浪微博Oauth2.0授权 获取Access Token

理解OAuth 2.0

用户登录授权后出现applications over the unaudited use restrictions错误

你可能感兴趣的:(OAuth2.0 微博登陆网站功能的实现(一)获取用户授权及令牌 Access Token)