QQ JS_SDk相关功能接口
一、实现QQ登录功能
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>QQ登录功能 - JSSDK</title>
</head>
<body>
<a href="javascript:void(0)" id="qq_login_btn" _origText="get_user_info 加载昵称中..." title="nickname">QQ登录</span>
<a href="javascript:void(0)" id="login_btn" _origText="get_user_info 加载昵称中..." title="nickname">QQ登录申请回调地址</span>
<a href="javascript:void(0)" id="qq_logout_btn" >退出</span>
</body>
</html>
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-appid="100229030" data-redirecturi=""></script><!--appid和redirecturi可以放在加载js中-->
<script type="text/javascript">
//检测是否已经登录
function getInfo() {
if(QC.Login.check()){
QC.api("get_user_info")
.success(function(s){//成功回调
alert("获取用户信息成功!当前用户昵称为:"+s.data.nickname);
})
.error(function(f){//失败回调
alert("获取用户信息失败!");
})
.complete(function(c){//完成请求回调
alert("获取用户信息完成!");
});
}else{
alert("请登录后体验");
}
}
getInfo();
//方法一
//加入QQ登录按钮,这种方法打开的是一个小窗口的网页页面
/* QC.Login({
btnId:"qq_login_btn"
});*/
//方法二
document.getElementById('qq_login_btn').onclick = function(){
QC.Login.showPopup({
appId:"100229030",
redirectURI:""//回调地址必须以http或https开头。回调地址为空时登录成功后直接返回当前登录页面
});
}
document.getElementById('login_btn').onclick = function(){
QC.Login.showPopup({
appId:"101119675",//申请appId 可以返回会跳地址,其中要填写回调地址和名称
redirectURI:"http://passport.jikexueyuan.com/connect/success?t=qq&state=e1228ead2277a831fdb270bf1e07c726&scope=get_user_info"//回调地址必须以http或https开头。
});
}
//检测当前登录状态返回值说明:true:说明登录成功。false:说明登录失败。
if(QC.Login.check()){
document.getElementById('qq_logout_btn').onclick = function(){
QC.Login.signOut()
alert("退出")
}
}
</script>
二、实现分享到QQ好友功能
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>分享到QQ好友功能 - JSSDK</title>
</head>
<body>
<a title="分享到QQ后面链接使用的是encodeURIComponent" hidefocus="true" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=http%3A%2F%2Fwiki.connect.qq.com%2Fjs_sdk%25e4%25bd%25bf%25e7%2594%25a8%25e8%25af%25b4%25e6%2598%258e%3Fsource%3Dshareqq&desc=%E8%AF%B7%E5%8F%82%E8%80%83QQ%E4%BA%92%E8%81%94%E6%96%87%E6%A1%A3%E5%BA%93%E4%B8%AD%E7%9A%84%E3%80%8AJS_SDK%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E%E3%80%8B%EF%BC%8C%E5%B8%8C%E6%9C%9B%E5%AF%B9%E4%BD%A0%E6%9C%89%E5%B8%AE%E5%8A%A9%E3%80%82&title=JS_SDK%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E-QQ%E4%BA%92%E8%81%94%E6%96%87%E6%A1%A3%E5%BA%93&summary=&pics=&flash=&site=QQ%E4%BA%92%E8%81%94%E6%96%87%E6%A1%A3%E5%BA%93&callback=http%3A%2F%2Fcgi.connect.qq.com%2Freport%2Freport_vm%3Ftag%3D0%26log%3Djs~sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E_11133_0%26t%3D1467341529006" class="qcShareQQDiv">分享到QQ</a><!--分享到QQ可以把链接直接放到a标签的href中,里面的参数要用encodeURIComponent编码-->
<a class="bt_icon" href="###" id="qcShareQQDiv" title="发送到QQ好友和群">发送到QQ好友和群</a>
</body>
</html>
<script>
document.getElementById('qcShareQQDiv').onclick = function(e){
var p = {
url: 'http://connect.qq.com/widget/shareqq/test_iframe_shareqq.html',/*获取URL,可加上来自分享到QQ标识,方便统计*/
desc: 'QQ分享', /*分享理由(风格应模拟用户对话),支持多分享语随机展现(使用|分隔)*/
title : 'QQ分享',/*分享标题(可选)*/
summary : 'QQ分享',/*分享描述(可选)*/
pics : '',/*分享图片(可选)*/
flash : '', /*视频地址(可选)*/
//commonClient : true, /*客户端嵌入标志*/
site: 'QQ分享'/*分享来源 (可选) ,如:QQ分享*/
};
var s = [];
for (var i in p) {
s.push(i + '=' + encodeURIComponent(p[i] || ''));
}
//使用http://connect.qq.com/widget/shareqq/iframe_index.html链接,iframe_index.html是弹出层效果,index.html是新打开页面效果
var _src = "http://connect.qq.com/widget/shareqq/index.html?" + s.join('&') ;
window.open(_src);
};
</script>
三、实现分享内容到QQ空间功能
实现分享内容到QQ空间功能和二中实现分享到QQ好友功能的配置使用方法完全一样,只是将前面的链接http://connect.qq.com/widget/shareqq/index.html改成http:
//sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey即可,?后面的完全一样
以上内容参考网址来源于http://connect.qq.com/
相关文章
- js 生成4位随机数及Js知识汇总
- JS 逆向 --- 过无限debugge、hook、js混淆还原、控制流混淆
- 高仿手机QQ音乐之——Android带进度条的开关
- outlook创建收信规则,将收到的所有邮件,转发到qq邮箱,然后删除
- 一个简单的QQ隐藏图生成算法 通过jQuery和C#分别实现对.NET Core Web Api的访问以及文件上传
- c# , .net 后端判断是否是移动端,是否是安卓设备,是否是微信,是否是支付宝,是否是QQ,是否是安卓系统,是否是苹果系统等
- F10 workerman 长连接下聊天页面之QQ表情发送
- laravel 使用QQ邮箱发送邮件
- 【JS】js创建Object对象和构造函数的多种方法(综合示例)
- uni-app - H5 公众号网页分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间,给微信分享卡片设置图标、标题、描述文字等(JS-SDK 通用解决方案放心用)
- JS访问数据库[非Node.js]
- 【一个小功能】点击图标/链接发起QQ临时会话
- Swift实战-QQ在线音乐(第一版)
- 第三方登陆微博、qq、微信
- 在WEB项目中调用QQ通讯组件打开QQ聊天界面
- JS 工具函数 方法(其中js的crc32和php的crc32区别)
- 测试试卷-设计发表QQ说说功能列表和测试用例
- 【HarmonyOS】【JS】【布局】鸿蒙js开发input 输入框弹出输入法时上方布局被挤扁?
- QQ空间留言的JS
- 【历史上的今天】2 月 10 日:QQ 诞生;IBM 电脑击败人类象棋冠军;谷歌光纤发布
- 安卓开发学习笔记(七):仿写腾讯QQ登录注册界面
- Linux QQ
- ubuntu 16.04 安装 QQ
- JQuery/JS插件 json2.js