QQ JS_SDk相关功能接口 - 人生梦想起飞 - 博客园
posts - 185, comments - 7, trackbacks - 0, articles - 0
一、实现QQ登录功能
&!DOCTYPE html&&html lang="zh-cn"&&& &head& &&&& &meta http-equiv="Content-Type" content="text/ 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="/qzone/openapi/qc_loader.js" charset="utf-8" data-appid="" 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:"",&&&&&&& redirectURI:""//回调地址必须以http或https开头。回调地址为空时登录成功后直接返回当前登录页面&&&& });}document.getElementById('login_btn').onclick = function(){&&& QC.Login.showPopup({&&&&& appId:"",//申请appId 可以返回会跳地址，其中要填写回调地址和名称&&&&& redirectURI:"/connect/success?t=qq&state=e1228eadfdb270bf1e07c726&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/ charset=utf-8" /&&&&& &title&分享到QQ好友功能 - JSSDK&/title&&& &/head& && &body& &&& &a title="分享到QQ后面链接使用的是encodeURIComponent" hidefocus="true" target="_blank" href="/widget/shareqq/index.html?url=http%3A%2F%2Fwiki.%2Fjs_sdk%25e4%25bd%25bf%25e7%%25e8%25af%25b4%25e6%Fsource%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.%2Freport%2Freport_vm%3Ftag%3D0%26log%3Djs~sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E_t%3D6" 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: '/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] || ''));&&&&&&& }&&&&&&& //使用/widget/shareqq/iframe_index.html链接，iframe_index.html是弹出层效果，index.html是新打开页面效果&&&&&&& var _src = "/widget/shareqq/index.html?" + s.join('&') ;&&&&&&& window.open(_src);&&& };& &&/script&
三、实现分享内容到QQ空间功能
&&&&& 实现分享内容到QQ空间功能和二中实现分享到QQ好友功能的配置使用方法完全一样，只是将前面的链接/widget/shareqq/index.html改成http:
&&&&&& //sns./cgi-bin/qzshare/cgi_qzshare_onekey即可，？后面的完全一样
以上内容参考网址来源于腾讯开放平台API列表_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
腾讯开放平台API列表
上传于||文档简介
&&腾讯开放平台API列表
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩5页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢腾讯对外接口API文档_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
腾讯对外接口API文档
上传于||文档简介
&&给大家做个参考,具体需要大家可以自己登录查询
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩3页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢QQ登录JS SDK教程，调用openapi接口 - Just Code - ITeye技术网站
博客分类：
QQ登录将用户信息存储在cookie中,命名为__qc__k ，请不要占用 __qc__k :
1) :: 在页面顶部引入JS SDK库：将“js?”后面的appid参数（示例代码中的：）替换成您自己的appid：
&script type="text/javascript" src="/qzone/openapi/qc_loader.js" data-appid="" charset="utf-8"&&/script&
2) :: HTML页面中粘贴如下代码，插入QQ登录按钮
&span id="qqLoginBtn"&&/span&
&script type="text/javascript"&
QC.Login({
btnId:"qqLoginBtn" //插入按钮的节点id
3) :: 调用openapi：
&script type="text/javascript"&
var paras = {};
QC.api("get_user_info", paras)
.success(function(s){//成功回调
alert("获取用户信息成功！当前用户昵称为："+s.data.nickname);
.error(function(f){//失败回调
alert("获取用户信息失败！");
.complete(function(c){//完成请求回调
alert("获取用户信息完成！");
返回 json格式的用户信息；请指定接口访问成功的接收参数，如demo中的success(function(s))，即指定将成功返回值传递到s中; 其中所有API的返回均为response对象，包括：data, code, status等属性，分别表示数据、返回码、请求的响应状态
3.2) ※ 调用openapi发分享 [相同url参数只能分享一次]：
&script type="text/javascript"&
//从页面收集openapi必要的参数
var paras = {
images:"http://y./img?s=OnbP8BwOF&l=y.jpg",
title:"#QQ互联JSSDK测试#我是标题啊标题",
comment:"我是评论：转发原因",
summary:"我是摘要：内容说明"
//用jssdk调用openapi
QC.api("add_share", paras)
.success(function(s){//请自行改写成功回调
alert("分享成功，请到空间内查看！");
.error(function(f){//请自行改写失败回调
alert("分享失败！");
.complete(function(c){//请自行改写完成请求回调
alert("分享完成！");
3.3) ※ 调用openapi发微博：
&script type="text/javascript"&
var paras = {content : "#QQ互联JSSDK测试#曾经沧海难为水，除却巫山不是云。"};
QC.api("add_t", paras)
.success(function(s){//成功回调
alert("发送微博成功，请到腾讯微博内查看！");
.error(function(f){//失败回调
alert("发送微博失败！");
.complete(function(c){//完成请求回调
alert("发送微博完成！");
3) :: 获取openId 与 accessToken
&script type="text/javascript"&
if(QC.Login.check()){//如果已登录
QC.Login.getMe(function(openId, accessToken){
alert(["当前登录用户的", "openId为："+openId, "accessToken为："+accessToken].join("\n"));
//这里可以调用自己的保存接口
用户通过“QQ登录”登录成功后，可以调用示例代码将获取到openId与accessToken
openid是用户身份的唯一标识，请保存在本地，以便用户下次登录时可对应到其之前的身份信息，不需要重新授权。
accessToken：表示当前用户在此网站/应用的登录状态与授权信息，也请保存在本地。
完整实例：
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&meta property="qc:admins" content="57" /&
&script type="text/javascript" src="/qzone/openapi/qc_loader.js"
data-appid="" data-redirecturi="/services/qq.php" data-callback="true" charset="utf-8"&&/script&
&span id="qqLoginBtn"&&/span&
&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: "A_XL"
}, 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), //做xss过滤
figureurl : reqData.figureurl
QC.Login.getMe(function(openId, accessToken){
alert(["当前登录用户的", "openId为："+openId, "accessToken为："+accessToken].join("\n"));
//这里可以调用自己的保存接口
}, function(opts){//注销成功
alert('QQ登录 注销成功');
需要注意的是，如果登录地址和回调地址相同的话就要把 data-callback="true" 也加进去，否则弹出窗口不会关闭。如：
&script type="text/javascript" src="/qzone/openapi/qc_loader.js"
data-appid="" data-redirecturi="/services/qq.php" data-callback="true" charset="utf-8"&&/script&
如果登录地址和回调地址不是同意页面的话就要分别写。
登录页面为
&script type="text/javascript" src="/qzone/openapi/qc_loader.js"
data-appid="" data-redirecturi="/services/qq.php" charset="utf-8"&&/script&
回调地址为
&script type="text/javascript" src="/qzone/openapi/qc_loader.js" data-callback="true" charset="utf-8"&&/script&
更多参考：
1. sdk下载：
2. sdk文档：
3. api文档：
下载次数: 112
下载次数: 61
下载次数: 15
下载次数: 13
下载次数: 24
下载次数: 22
浏览 20135
浏览: 8009862 次
来自: 洛杉矶
楼上这里错了BITMAP_&TYPT&_B ...
写的非常好
还得引用tcpdf?}