分享到 :

开发攻略_Server-side

阅读前提

本开发攻略基于使用Authorization Code获取Access Token的授权验证流程，适用于需要从web server访问的应用，例如Web/wap网站。
阅读本开发攻略前，请阅读使用Authorization Code获取Access Token以了解认证流程。

1. 体验一把

注：
本体验基于无Server端模式，但体验效果与有Server端模式一致。

1. 浏览器访问：http://qzs.qq.com/qzone/openapi/client.html 。
2. 点击页面中的“登录”按钮：

3. 在弹出的登录框中输入QQ账号和密码：

4. 登录成功后，跳转到指定的回调地址，URL中带有Access Token：
OAuth_guide_V2_5.png

2. 快速上手

准备工作

1. 请确保您的网站已经提交接入QQ登录的申请，并成功获取到appid和appkey。申请接入
2. 请在你的服务器上ping graph.qq.com，保证网站和互联的连接畅通。

Step1：放置QQ登录按钮

网站需要下载“QQ登录”按钮图片，并按照UI规范将按钮放置在页面合适的位置。
按钮图标下载
按钮放置规范

Step2：获取Authorization Code

1. 打开浏览器，访问如下地址（请将client_id，redirect_uri，scope等参数值替换为你自己的）：

https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=[YOUR_APPID]&redirect_uri=[YOUR_REDIRECT_URI]&scope=[THE_SCOPE]

2. 跳转登录授权页，如下图所示：

3. 如果用户点击“授权并登录”，则成功跳转到指定的redirect_uri，并跟上Authorization Code（注意此code会在10分钟内过期）。
例如回调地址是：www.qq.com/my.php，则会跳转到：

http://www.qq.com/my.php?code=520DD95263C1CFEA0870FBB66E******

注意：
回调地址建议设置为网站首页或网站的用户中心。

Step3：通过Authorization Code获取Access Token

1.发送请求到如下地址（请将参数值替换为你自己的，参数解释详见这里）：

https://graph.qq.com/oauth2.0/token?grant_type=authorization_code&client_id=[YOUR_APP_ID]&client_secret=[YOUR_APP_Key]&code=[The_AUTHORIZATION_CODE]&redirect_uri=[YOUR_REDIRECT_URI]

2. 即可获取到Access Token：

access_token=YOUR_ACCESS_TOKEN&expires_in=3600

可在回调URL对应的程序（见下文的示例代码）中接受请求，并完成获取Access Token的工作。

特别提示：

获取到的access token具有60天有效期，用户再次登录时自动刷新。

第三方网站可存储access token信息，以便后续调用OpenAPI访问和修改用户信息时使用。

Step4：使用Access Token来获取用户的OpenID

1. 发送请求到如下地址（请将access_token等参数值替换为你自己的）：

https://graph.qq.com/oauth2.0/me?access_token=YOUR_ACCESS_TOKEN

2. 获取到用户OpenID，返回包如下：

callback( {"client_id":"YOUR_APPID","openid":"YOUR_OPENID"} );

Step5：使用Access Token以及OpenID来访问和修改用户数据

1. 建议网站在用户登录后，即调用get_user_info接口，获得该用户的头像、昵称并显示在网站上，使用户体验统一。
2. 调用其他OpenAPI，以访问和修改用户数据。所有OpenAPI详见API列表。
以调用get_user_info接口为例：
（1）发送请求到get_user_info的URL（请将access_token，appid等参数值替换为你自己的）：

https://graph.qq.com/user/get_user_info?access_token=YOUR_ACCESS_TOKEN&oauth_consumer_key=YOUR_APP_ID&openid=YOUR_OPENID

（2）成功返回后，即可获取到用户数据：

{
   "ret":0,
   "msg":"",
   "nickname":"YOUR_NICK_NAME",
   ...
}

3. 示例代码

<?php
  //应用的APPID
  $app_id = "YOUR_APP_ID";
  //应用的APPKEY
  $app_secret = "YOUR_APP_KEY";
  //成功授权后的回调地址
  $my_url = "YOUR_REDIRECT_URL";
  //Step1：获取Authorization Code
  session_start();
  $code = $_REQUEST["code"];
  if(empty($code))
  {
     //state参数用于防止CSRF攻击，成功授权后回调时会原样带回
     $_SESSION['state'] = md5(uniqid(rand(), TRUE));
     //拼接URL
     $dialog_url = "https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id="
        . $app_id . "&redirect_uri=" . urlencode($my_url) . "&state="
        . $_SESSION['state'];
     echo("<script> top.location.href='" . $dialog_url . "'</script>");
  }
  //Step2：通过Authorization Code获取Access Token
  if($_REQUEST['state'] == $_SESSION['state'])
  {
     //拼接URL
     $token_url = "https://graph.qq.com/oauth2.0/token?grant_type=authorization_code&"
     . "client_id=" . $app_id . "&redirect_uri=" . urlencode($my_url)
     . "&client_secret=" . $app_secret . "&code=" . $code;
     $response = file_get_contents($token_url);
     if (strpos($response, "callback") !== false)
     {
        $lpos = strpos($response, "(");
        $rpos = strrpos($response, ")");
        $response  = substr($response, $lpos + 1, $rpos - $lpos -1);
        $msg = json_decode($response);
        if (isset($msg->error))
        {
           echo "<h3>error:</h3>" . $msg->error;
           echo "<h3>msg  :</h3>" . $msg->error_description;
           exit;
        }
     }
     //Step3：使用Access Token来获取用户的OpenID
     $params = array();
     parse_str($response, $params);
     $graph_url = "https://graph.qq.com/oauth2.0/me?access_token="
     $params['access_token'];
     $str  = file_get_contents($graph_url);
     if (strpos($str, "callback") !== false)
     {
        $lpos = strpos($str, "(");
        $rpos = strrpos($str, ")");
        $str  = substr($str, $lpos + 1, $rpos - $lpos -1);
     }
     $user = json_decode($str);
     if (isset($user->error))
     {
        echo "<h3>error:</h3>" . $user->error;
        echo "<h3>msg  :</h3>" . $user->error_description;
        exit;
     }
     echo("Hello " . $user->openid);
  }
  else
  {
     echo("The state does not match. You may be a victim of CSRF.");
  }
?>
返回顶部