`
duninet
  • 浏览: 2109 次
文章分类
社区版块
存档分类
最新评论

QQ登录官方JS SDK版

    博客分类:
  • JS
阅读更多

JS
1、把注册获得的APPID、redirect地址写入下面对应的地方,放到登录页JS位置
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="100283211" data-redirecturi="http://www.javapk.net/login.htm?passed=3232" charset="utf-8"></script>
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callback="true"></script>

2、放置QQ登录按钮,把这段代码放到HTML页面中
<span id="qqLoginBtn" title="使用QQ快速登录,只需一步!"></span>-->
<a href='https://graph.qq.com/oauth2.0/authorize?client_id=100283211&response_type=token&scope=all&redirect_uri=http%3A%2F%2Fwww.taobide.com%2Flogin.htm%3Fpassed%3D3232'><img border="0" alt="QQ登录" src="../images/qq_widget_connect.png"></img></a>
<script type="text/javascript">
   //调用QC.Login方法,指定btnId参数将按钮绑定在容器节点中
  /**
  QC.Login({
    //btnId:插入按钮的节点id,必选
   btnId:"qqLoginBtn",
   //用户需要确认的scope授权项,可选,默认all
   scope:"all",
   //按钮尺寸,可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S],可选,默认B_S
   size: "B_M"
   }, function(reqData, opts){//登录成功
    //根据返回数据,更换按钮显示状态方法
   var dom = document.getElementById(opts['btnId']),
   _logoutTemplate=[
   //头像
   '<span><img src="{figureurl}" class="{size_key}"/></span>',
    //昵称
    '<span>{nickname}</span>',
     //退出
   '<span><a href="javascript:QC.Login.signOut();">退出</a></span>'
   ].join("");
     dom && (dom.innerHTML = QC.String.format(_logoutTemplate, {
      nickname : QC.String.escHTML(reqData.nickname),
     figureurl : reqData.figureurl
    }));
  }, function(opts){//注销成功
  var msg="嗯嗯,希望下次再看到你的光临哦!";
alert(msg);
    }
);
*/
</script>

3、调用QQ登录API(JS SDK)

<script type="text/javascript">
if(document.location.search.indexOf('signout_qq')>=0){
 setTimeout(function(){
 QC.Login.signOut();
 alert('QQ登录,退出成功');
 }, 800)
}
 //从页面收集OpenAPI必要的参数。get_user_info不需要输入参数,因此paras中没有参数
var paras = {};
 //用JS SDK调用OpenAPI
 QC.api("get_user_info", paras)
 //指定接口访问成功的接收函数,s为成功返回Response对象
.success(function(s){
 //成功回调,通过s.data获取OpenAPI的返回数据
    QC.Login.getMe(function(openId, accessToken){
 qq_Login(s,openId,accessToken);
 })
 })
 //指定接口访问失败的接收函数,f为失败返回Response对象
.error(function(f){
 //失败回调
qq_error(f);
 })
 //指定接口完成请求后的接收函数,c为完成请求返回Response对象
.complete(function(c){
 //完成请求回调
// qq_complete(c);
 });

</script>

 

4、向后台发送请求,把请求URL和参数换成自己的就可以了,逻辑可以
/**
* QQ登录
* @author zhangbing
* @param s
* @param openId
* @param accessToken
* @date 2012-06-26
*/
function qq_Login(s,openId,accessToken){
//把openId,accessToken存入Cookie中
addCookie("qq_openId",openId,90);
addCookie("qq_accessToken",accessToken,90);

//判断性别
var sex=0;
if(s.data.gender=="女"){
sex=1;
}else{
sex=0;
}
//向后台发送数据
if(getCookie("qq_openId")=="" || getCookie("qq_openId")==null){ //如果Cookie里面没有保存openId,则传入新openId
$.post(
"login.htm",
{
'passed':'qqLogin',
'openId':openId,
'accessToKen':accessToken,
'nickname':s.data.nickname,
'figureurl_1':s.data.figureurl_1,
'figureurl_2':s.data.figureurl_2,
'sex':sex,
'vip':s.data.vip
},
function(result){
loginBackUrl(result);
});
}else{ //如有Cookie里面有openId,则直接引用Cookie里面的openId
$.post(
"login.htm",
{
'passed':'qqLogin',
'openId':getCookie("qq_openId"),
'accessToKen':getCookie("qq_accessToken"),
'nickname':s.data.nickname,
'figureurl_1':s.data.figureurl_1,
'figureurl_2':s.data.figureurl_2,
'sex':sex,
'vip':s.data.vip
},
function(result){
loginBackUrl(result);
});
}
}
//返回上一次操作URL
function loginBackUrl(data){
if(data.length>0&&data.length<=500){
if(data=="/"){
location.href="/";
return;
}
if(data=="/mypage.htm"){
location.href = "/mypage.htm";
}
if(data=="/regist.htm"){
location.href="/";
}
location.href=data;
}else{
alert("登录出错啦,请重新登陆!");
//QC.Login.signOut();
}
}

//完成请求回调
function qq_complete(c){
if(c.ret==0){
alert("完成请求回调!");
// window.parent.location.href   =   window.opener.location.href
// window.close();
}else{
alert("指定接口访问成功,但请求回调失败!");
}
}

function qq_error(f){
alert("出错了");
}

java
public void onPost(){
new BackurlUtil().setBackurl(hreq, "tag=spy");
try {
appDomain = wlUtil.getAppProperty("AppDomain");
if(passed.equals("userLogin")){//如果是淘必得登录
wisher = wlUtil.checkLi555User(emailaddress, loginpassword);
session.setAttribute("wisher", wisher);
if(wisher!=null){
//登录成功
try {
DESPlus des = new DESPlus("li555");
//登录成功后,加密,保存入cookie
helloLi555CK = new Cookie("Helloli555CK", des.encrypt(emailaddress +'#'+ loginpassword));
session.setAttribute("username",emailaddress);
helloLi555CK.setMaxAge(5184000);
helloLi555CK.setPath("/");
hrep.addCookie(helloLi555CK);
if (baseurl.indexOf("login.htm")>=0) {
baseurl = "/";
}
msg = "({'backurl':'" + baseurl+"'," +
"'susuidCK':'"+wisher.getSnsUid()+"'," +
"'result':'LOGIN_SUCCESS'," +
"'renren_uid':'"+wisher.getWisherid()+"'," +
"'snstypeCK':'"+wisher.getSnsType()+"'})";

} catch (Exception e) {
msg = "({'result':'LOGIN_FAIL"+e+"'})";
e.printStackTrace();
}
Json.outPut(hrep, msg);
}
} else if(passed.equals("qqLogin")){ //如果是QQ登录
QQUser qqUser=new QQUser();

qqUser.setQQUid(openId);
qqUser.setName(nickname);
qqUser.setSex(sex);
qqUser.setVip(vip);
qqUser.setTinyurl(figureurl_1);
qqUser.setMainurl(figureurl_2);
wisher=wlUtil.checkQQUser(qqUser,"");

wisherId = wisher.getWisherid();
session.setAttribute("wisher",wisher);
uidCK = new Cookie("qq_uid", wisherId);
uidCK.setMaxAge(5184000);
hrep.addCookie(uidCK);

//判断上一次请求的URL
BackurlUtil url=new BackurlUtil();
String backurl=url.getBackurl(hreq, "/");
backurl = (String) session.getAttribute("backurl");
if (backurl.indexOf("login.htm")>=0){
backurl = baseurl;
}else{
backurl = backurl.replaceAll(appDomain+"/", "");
}
if(backurl!=""){
Json.outPut(hrep, backurl);
}
}
} catch(Exception e){
}
}

 

 

分享到:
评论

相关推荐

    QQ js-sdk第三方授权登录 自定义登录按钮

    只是想在img 图片上添加 QQ登录事件!文档中的自定义登录按钮看的我是一脸懵逼 ! 完全不符合自己的要求!愁死人了。 还好最后在百度中找到了showPopup() 完美解决了问题!~~~

    微信JS-SDK接口JS文件 jweixin-1.4.0.js

    所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState...

    腾讯QQ登陆SDK(ASP) v1.1.rar

    腾讯官方只给出了php/jsp/.net的QQ登录SDK,本SDK由周子铺制作,适用于ASP网站。 v1.1更新:文件整合,原本不想vbscript和javascript混写,为了美观及节省空间,整合了。

    quick-game-sdk 快游戏SDK 小游戏SDK JS-SDK

    使用SDK快速接入各平台快游戏 微信小游戏 QQ小游戏 接入渠道列表: 微信小游戏 QQ小游戏 OPPO快游戏 更多待定 不定时更新

    ASP版微信JS-SDK代码

    把appid和SECRET改成自己的,调试时把debug:false改成debug:true,想免费使用发我邮箱1003521946@qq.com

    Javascript 实现微信分享(QQ、朋友圈、分享给朋友)

    最近做微信开发,对微信公众号的开发,现在好的都是分享到朋友圈,QQ,分享给好友等分享功能,这里记录下,有需要的朋友也可以看下。 // 微信分享 var wx = require('wechat-sdk'); rewardsResultService....

    微信JS-SDK 实例源代码 ASP版

    微信JS-SDK 实例源代码 ASP版 主程序全部在,适当修改即可

    js实现qq互联手册

    JS SDK基于QQ互联OAuth2.0协议的client-side模式, 封装了登录流程与【QQ登录】API列表中的所有OpenAPI调用方法。开发者不需了解协议,只需要前台交互,以及将相关的参数修改成自身对应的参数即可使用。 同时,QQ...

    h5页面百度分享sdk,可分享到QQ,微信,微博

    h5页面百度分享sdk,可分享到QQ,微信,微博

    ES6+ 开发电商网站的账号体系 JS SDK

    第1章 课程简介 本章主要对整个课程的内容进行...本章会讲解开发完成的SDK如何落地在下游业务上构成一个完整的流程,并对整个项目进行回顾与总结,包括项目中用到的ES6+语法点、SDK开发的套路、账号体系的前端业务等

    Cordova 实现第三方登录及其分享.docx

    QQ 登录 、分享 .使用cordova插件.相关js 文档.只针对移动应用JS 提供SDK ,JS SDK 表面上是最方便cordova 项目实现的,但在授权是通过网页的,其实session还需要在网页上输入用户名和密码来建立,而Android SDK和iOS ...

    js_sdk.zip

    用于uni-app加密用户名和密码的js。需要的可以直接下载哦!

    微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解

    最近开发一个项目时,有微信H5网页自定义分享功能,使用了微信JS-SDK的分享到好友和分享到朋友圈功能。 微信开发文档这样写的 自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0) wx.ready(function () {...

    腾讯QQ登陆SDK(ASP) v1.1

    腾讯官方只给出了php/jsp/.net的QQ登录SDK,本SDK由周子铺制作,适用于ASP网站。 v1.1更新:文件整合,原本不想vbscript和javascript混写,为了美观及节省空间,整合了。

    微信JS-SDK 实例源代码 PHP版

    整合官方微信源码,只要填写开发者和密串,设置JS安全路径就可以调用所有接口,跟官方示例一样

    微信小程序 使用腾讯地图SDK详解及实现步骤

    微信小程序 使用腾讯地图SDK... 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.0 安全域名设置,需要在微信公众平台添加域名地址https://apis.map.qq.com 小程序示例 // 引入SDK核心类 var QQMapWX = re

    微信js-sdksample

    微信js-sdkjava、php开发例子

    Cordova 实现第三方登录及其分享.pdf

    QQ 登录 、分享 .使用cordova插件.相关js 文档.只针对移动应用JS 提供SDK ,JS SDK 表面上是最方便cordova 项目实现的,但在授权是通过网页的,其实session还需要在网页上输入用户名和密码来建立,而Android SDK和iOS ...

    微信JSSDK实例

    微信JS SDK 分享到朋友圈 分享给朋友 分享到QQ 拍照或从手机相册中选图 识别音频并返回识别结果

    vue使用微信JS-SDK实现分享功能

    最近开发微信公众号内嵌H5页面,使用vue搭建的项目,由于业务需求,需要实现微信自定义分享功能,所以项目中集成微信JS-SDK。微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用...

Global site tag (gtag.js) - Google Analytics