应用场景

    web应用通过人人网登录授权实现第三方登录。
 

操作步骤

    1  注册成为人人网开放平台开发者
 
    2  准备一个可访问的域名，如dev.foo.com
    3  创建网页应用，配置必要信息，其中包括根域名、图标信息
 
    4  获取应用appID、appKey进行开发
 

登录流程

    采用server-side方式实现登录授权，流程如下
 
    
 
    流程描述
    1  server端页面跳转到登录授权页面(Authorization code方式)
    2   回调获得code 
    3   置换accessToken，同时也得到uid、用户资料信息
    4   同步用户信息并登录
 
    OAuth2.0 采用Authorization code方式将更为可靠、安全。
    更多信息可参考人人网开放平台wiki:
 

案例实战

本地开发环境准备

        修改hosts文件将dev.foo.com映射到127.0.0.1；
        本地服务器以80端口启动， windows下可能会出现80端口被系统进程占用的情况，解决方法可参考 http://www.cnblogs.com/littleatp/p/4414578.html
        本地服务器启动后，以dev.foo.com的域名进行访问，在登录授权时可通过域名验证这一步
 

前端登录跳转页面

<html>

     <head>

        <title>人人网登录跳转</title>

        <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

        <script type="text/javascript">

        //应用的APIKEY

        var apiKey = "3ce9cb1e264f4e93b1f38807be66e629";

       //成功授权后的回调地址

        var redirectUrl = "@@{openapi.Renrens.callback()}";

        var authorizeUrl = "https://graph.renren.com/oauth/authorize?"

        var queryParams = ['client_id=' + apiKey,'redirect_uri=' + redirectUrl,'response_type=code'];

        var url = authorizeUrl + queryParams.join('&');

        //打开授权登录页面

        window.location.href= url;

        </script>

     </head>

     <body>

     </body>

</html>
        功能描述
        页面在打开时直接跳转到人人网登录授权页面，此后授权成功后将回调至redirect_uri
 

server端处理回调，同步信息

    授权回调的页面处理
/**

     * 授权回调

     *

     * @param code

     * @param error

     */

    public static void callback(String code) {

        if (!StringUtils.isEmpty(code)) {

            error("授权失败");

        }

        // 根据code换取accesstoken，包括用户信息

        // ...

        String callbackUrl = RouteContext.getUrl("openapi.Renrens.callback", Collections.EMPTY_MAP,

                true);

        RenrenToken token = RenApi.getTokenInfo(code, callbackUrl);

        if (token == null) {

            error("授权失败:无法获取连接系统");

        }

        render(code, token);

    }
    数据对象
   
RenrenToken类
/**

 * 返回token数据对象

 *

 * <pre>

 *      * {

 *   "token_type":"bearer",

 *   "expires_in":2595096,

 *   "refresh_token":"127021|0.KAS3b8doSitHk6RLDtitb2VY8PjktTRA.229819774.1376381303243",

 *   "user":{

 *     "id":229819700,

 *     "name":"二小姐",

 *     "avatar":[

 *         {   "type":"avatar",

 *         "url":"http://hdn.xnimg.cn/photos/hdn121/20130805/2055/h_head_KFTQ_d536000000d0111b.jpg"

 *         },

 *         {   "type":"tiny",

 *         "url":"http://hdn.xnimg.cn/photos/hdn221/20130805/2055/tiny_jYQe_ec4300051e7a113f.jpg"

 *         },

 *         {   "type":"main",

 *         "url":"http://hdn.xnimg.cn/photos/hdn121/20130805/2055/h_main_ksPJ_d536000000d0111b.jpg"},

 *         {   "type":"large",

 *         "url":"http://hdn.xnimg.cn/photos/hdn121/20130805/2055/h_large_yxZz_d536000000d0111b.jpg"

 *         }

 *     ]

 *   },

 *   "access_token":"127066|6.08718aa138db0578dda3250f33bads6e.2592000.1378976400-229819774"

 *   "scope":"read_user_feed read_user_album",

 * </pre>

 *

 * @author littleatp

 * @createDate 2015年4月14日

 *

 */

public class RenrenToken {

    public String token_type;

    public int expires_in;

    public String refresh_token;

    public String access_token;

    public String scope;

    public RenrenUser user;

}
RenrenUser类
/**

 * 人人网用户信息

 *

 * <pre>

 * "user":{

 *     "id":229819700,

 *     "name":"二小姐",

 *     "avatar":[

 *         {   "type":"avatar",

 *         "url":"http://hdn.xnimg.cn/photos/hdn121/20130805/2055/h_head_KFTQ_d536000000d0111b.jpg"

 *         },

 *         {   "type":"tiny",

 *         "url":"http://hdn.xnimg.cn/photos/hdn221/20130805/2055/tiny_jYQe_ec4300051e7a113f.jpg"

 *         },

 *         {   "type":"main",

 *         "url":"http://hdn.xnimg.cn/photos/hdn121/20130805/2055/h_main_ksPJ_d536000000d0111b.jpg"},

 *         {   "type":"large",

 *         "url":"http://hdn.xnimg.cn/photos/hdn121/20130805/2055/h_large_yxZz_d536000000d0111b.jpg"

 *         }

 *     ]

 *   },

 * </pre>

 *

 * @author littleatp

 * @createDate 2015年4月14日

 *

 */

public class RenrenUser {

    public long id;

    public String name;

    public List<RenrenAvatar> avatar;

    public String getAvatarUrl() {

        if (avatar == null || avatar.isEmpty()) {

            return "";

        }

        return avatar.get(0).url;

    }

    public static class RenrenAvatar {

        public String type;

        public String url;

    }

}
RenApi功能实现
/**

 * 人人网API

 *

 * <pre>

 * 登录流程：

 *

 * 1 前端跳转人人网授权(code方式)

 * 2 回调获得authorize code

 * 3 通过code换取access_token

 * 4 获得token及用户信息

 *

 * 参考文档：

 * http://wiki.dev.renren.com/wiki/Authentication

 * </pre>

 *

 *

 * @author littleatp

 * @createDate 2015年4月10日

 *

 */

public class RenApi {

    public static String apiKey = "xxx";

    public static String secretKey = "xxx";

    public static String baseUrl = "https://graph.renren.com/oauth";

    protected static final String URL_GET_TOKEN = baseUrl + "/token?grant_type=authorization_code"

            + "&client_id=%s&client_secret=%s&code=%s&redirect_uri=%s";

    protected static final long ACCESS_TIMEOUT = 15;

    protected static final String DEF_APP_TOKEN_EXPIRE = "3h";/**

     * 获取token信息

     *

     * <pre>

     * http://wiki.dev.renren.com/wiki/Authentication#.E5.AE.A2.E6.88.B7.E7.AB.AF.E6.8E.88.E6.9D.83

     * 返回token的同时也附带了用户信息

     *

     * 调用地址：

     * https://graph.renren.com/oauth/token

     *

     * 参数

     * grant_type：使用Authorization Code 作为Access Grant时，此值固定为“authorization_code”；

     * client_id：在开发者中心注册应用时获得的API Key；

     * client_secret：在开发者中心注册应用时获得的Secret Key。Secret Key是应用的保密信息，请不要将其嵌入到服务端以外的代码里；

     * redirect_uri：必须与获取Authorization Code时传递的“redirect_uri”保持一致；

     * code：上述过程中获得的Authorization Code。

     *

     * 返回结果如下：

     * {

     *   "token_type":"bearer",

     *   "expires_in":2595096,

     *   "refresh_token":"127021|0.KAS3b8doSitHk6RLDtitb2VY8PjktTRA.229819774.1376381303243",

     *   "user":{

     *     "id":229819700,

     *     "name":"二小姐",

     *     "avatar":[

     *         {   "type":"avatar",

     *         "url":"http://hdn.xnimg.cn/photos/hdn121/20130805/2055/h_head_KFTQ_d536000000d0111b.jpg"

     *         },

     *         {   "type":"tiny",

     *         "url":"http://hdn.xnimg.cn/photos/hdn221/20130805/2055/tiny_jYQe_ec4300051e7a113f.jpg"

     *         },

     *         {   "type":"main",

     *         "url":"http://hdn.xnimg.cn/photos/hdn121/20130805/2055/h_main_ksPJ_d536000000d0111b.jpg"},

     *         {   "type":"large",

     *         "url":"http://hdn.xnimg.cn/photos/hdn121/20130805/2055/h_large_yxZz_d536000000d0111b.jpg"

     *         }

     *     ]

     *   },

     *   "access_token":"127066|6.08718aa138db0578dda3250f33bads6e.2592000.1378976400-229819774"

     *   "scope":"read_user_feed read_user_album",

     * }

     *

     * 错误返回：

     * {

     *   "error": "invalid_grant",

     *   "error_code": 20204

     *   "error_description": "Invalid authorization code: 9OCQp3IzRcwtSRPKOEUKiRRsz9SUNgdE"

     * }

     * http://wiki.dev.renren.com/wiki/%E9%94%99%E8%AF%AF%E5%93%8D%E5%BA%94

     * </pre>

     *

     * @param accessToken

     * @return

     */

    public static RenrenToken getTokenInfo(String code, String callbackUrl) {

        if (StringUtils.isEmpty(code)) {

            return null;

        }

        String url = String.format(URL_GET_TOKEN, apiKey, secretKey, code, callbackUrl);

        String resultString = DefaultHttp.get(url, ACCESS_TIMEOUT, GlobalConstants.UTF_8);

        Logger.debug("[sso-renren]get　token. use url '%s'", url);

        RenrenToken token = JsonUtil.fromJson(resultString, RenrenToken.class);

        if (token == null || StringUtils.isEmpty(token.access_token)) {

            Logger.debug("[sso-renren]get token failed, with result of '%s'", resultString);

            return null;

        }

        Logger.debug("[sso-renren]get token success, with result of '%s'", resultString);

        return token;

    }

}

关于CSRF

    跨站攻击问题CSRF
 
    场景
    A网站接入了人人网开放平台，但apikey和secretkey通过页面泄露了出去；
    B网站根据同样的apikey和secretkey仿造authorize请求，获得authorization code；
    B网站直接跳转到A网站的callback页面；
    A网站按授权流程获得用户信息并登录；
 
    这样B网站便成功实现了仿造请求登录A网站的功能；
 
    解决方法
    在向平台请求授权(authorize)时可带上一个state参数，建议该参数由A网站动态生成。
    平台调用callback时会回传该state参数，此时A网站需要在callback处理时对该参数进行验证。
    于是B网站无法伪造state参数，也就无法伪造登录场景了。
 

常见问题

 
网页跳转提示 
        redirect_uri_mismatch
        通常是应用配置中的根域名与当前开发服务器访问地址不一致导致
 
授权返回错误
       检查返回的error代码
 
SDK的使用
        对于强依赖于人人网平台的应用，建议使用下平台的SDK，如JavaSDK；其封装了大量api访问及出错处理细节，可提高开发效率。
    

开放平台-web实现人人网第三方登录的更多相关文章

  1. 开放平台-web实现QQ第三方登录

    应用场景     web应用通过QQ登录授权实现第三方登录.   操作步骤     1  注册成为QQ互联平台开发者,http://connect.qq.com/     2  准备一个可访问的域名, ...

  2. web实现QQ第三方登录 开放平台-web实现QQ第三方登录

    应用场景     web应用通过QQ登录授权实现第三方登录.   操作步骤     1  注册成为QQ互联平台开发者,http://connect.qq.com/     2  准备一个可访问的域名, ...

  3. web实现QQ第三方登录

    开放平台-web实现QQ第三方登录   应用场景     web应用通过QQ登录授权实现第三方登录.   操作步骤     1  注册成为QQ互联平台开发者,http://connect.qq.com ...

  4. 微信开放平台PC端扫码登录功能个人总结

    最近公司给我安排一个微信登录的功能,需求是这样的: 1.登录授权 点击二维码图标后,登录界面切换为如下样式(二维码),微信扫描二维码并授权,即可成功登录:    若当前账号未绑定微信账号,扫描后提示“ ...

  5. 腾讯开放平台web第三方登录获取信息类（包含签名）

    不清楚具体参数的可以先看下第三方登录的文档: class QQ { //$appid 你的appid //$openid 获取到的唯一的用户openid //$openkey 获取到的openkey ...

  6. iOS5.0以上使用新浪微博开放平台OAuth 续(及解决登录无效问题)

    新浪微博开放平台为第三方应用提供了简便的合作模式,满足了手机用户和平板电脑用户随时随地分享信息的需求.通过调用平台的api即可实现很多微博上的功能. 本篇主要目的是记录新浪微博移动SDK iOS版本的 ...

  7. 微信开放平台，微信登陆第三方网站 提示redirect_uri 参数错误

    在微信开放平台上我填写的回调域是:bbs.qiaoshisui.com/LoginApi/WeiXinCallBack,我构造的链接是:https://open.weixin.qq.com/conne ...

  8. ASP.NET Web API与Owin OAuth：调用与用户相关的Web API(非第三方登录)

    授权完成添加属性 ClaimsIdentity oAuthIdentity = await CreateAsync(user/*userManager*/, OAuthDefaults.Authent ...

  9. 微信开放平台--》网站应用开发 微信登录网站接口（https://open.weixin.qq.com/）

    地址:https://open.weixin.qq.com/ 手册:https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&am ...

随机推荐

  1. VS调试Ajax

    VS调试Ajax: 1.ashx在后台处理程序中设定断点 2.触发AJAX 3.F12打开浏览器调试,搜索找到ajax调用的JS,设置断点,在浏览器中单步调试,会自动进入后台处理程序,然后就可以调试后 ...

  2. iOS 开发之推力动画效果

    步骤: 1.使用single view application 创建新的项目 2.在.h文件中需要遵守两个协议<UICollisionBehaviorDelegate,UIGestureReco ...

  3. 修改主机名Ubuntu

    主机名存放在/etc/hostname 修改保存即可

  4. Drools规则文件结构说明

    一.规则文件构成 package(规则文件所在包) import(导入java包) global(规则文件中的"全局变量") function(函数) query(查找) rule ...

  5. Angularjs相关理论

    1.AngularJS的工作流程: (1)浏览器载入HTML,然后把它解析成DOM (2)浏览器载入angularjs脚本 (3)AngularJS等到DOMContentLoaded事件触发 (4) ...

  6. [数据结构]RMQ问题小结

    RMQ问题小结 by Wine93 2014.1.14   1.算法简介 RMQ问题可分成以下2种 (1)静态RMQ:ST算法 一旦给定序列确定后就不在更新,只查询区间最大(小)值!这类问题可以用倍增 ...

  7. Unity3d Shader

    Unity3d Shader 预览Surface Shader主要用来实现光照相关处理,可能更简洁. Vertex and Fragment Shader 如果不与光照交互, 则可以用这个shader ...

  8. (void*)0 的理解

    例如: #define NULL ((void *)0) 用来定义无效的指针 (void *)0 就是将0强制转化为(void *)类型的指针 char *ch = (void *)0;//ch指向地 ...

  9. 《JS高程》事件类型学习笔记

    事件类型: UI事件&焦点事件: 鼠标滚轮事件: 键盘与文本事件: 复合事件&变动事件: HTML5事件: 设备事件&触摸与手势事件:

  10. day3-Python集合、函数、文件操作，python包的概念

    本节大纲: 1 python程序由包(package).模块(module)和函数组成.包是由一系列模块组成的集合.模块是处理某一类问题的函数和类的集合. 2 包就是一个完成特定任务的工具箱. 3 包 ...