新版JavaScript SDK基于新的人人网开放平台技术架构,能帮助您更方便地调用Auth API(OAuth2.0)和Widget Dialog API。和旧的js sdk相比不仅基于新的架构,体积也更小,接口更精简,调用更方便。今后旧版的js sdk将不再维护,请逐步迁移到我们新的技术架构和使用新的SDK。
新版JavaScript SDK在调用时只需要用一个函数Renren.ui就可完成Oauth和Dialog API的调用。
下面是一些例子:
1. Oauth User-Agent Flow,使用新开窗口方式进行授权,完成后当前页面上的js可获得access token。
Renren.ui({
url : 'http://graph.renren.com/oauth/authorize',
display : 'popup',
params : {"response_type":"token"},
onComplete : function(response){
if(window.console){
if(response.access_token)
console.log("access token:"+ response.access_token);
if(response.error)
console.log("failure: " + response.error + ',' + response.error_description);
}
}
});
2. Web Server Flow 采用当前页面跳转方式,当授权完成后会回到原先页面,由服务器端接收Oauth回转的信息。
Renren.ui({
url : 'https://graph.renren.com/oauth/authorize',
display : 'page',
params : {"response_type" : "code"}
});
3. 弹出新窗口显示发送新鲜事dialog。
Renren.ui({
url : 'feed',
display : 'popup',
style : {
top : 150
},
params : {
url:'http://www.swimmingacross.com',
name:'新鲜事测试',
description:'测试dialog',
image:'http://at-img4.tdimg.com/board/2011/5/46465.jpg'
},
onComplete : function(response){
if(window.console)
console.log("complete");
},
onFailure : function(response){
if(window.console)
console.log("failure: " + response.error + ',' + response.error_description);
}
});
更详细内容请见SDK,访问以下页面获得:
http://wiki.dev.renren.com/wiki/OpenSource
https://bitbucket.org/renren_platform/renren-api-javascript-sdk/
详细文档可见SDK下docs目录, test目录下ui.html文件可用做测试,需将其放到服务器上或本地绑定域名测试,请确保文件中的renren.js引用路径正确。
目前JavaScript SDK还处于公开测试阶段,欢迎大家测试并反馈意见。