4473人阅读
Java Base（6）
QQ登录JS SDK教程，调用openapi接口
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：表示当前用户在此网站/应用的登录状态与授权信息，也请保存在本地。
原文：/qzone/openapi/js-sdk-demo.html
完整实例：
&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下载： http://wiki./sdk%E4%B8%8B%E8%BD%BD
2. sdk文档： http://wiki./js_sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E
3. api文档：
http://wiki./api%E5%88%97%E8%A1%A8
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：320054次
积分：4963
积分：4963
排名：第3540名
原创：210篇
转载：16篇
评论：16条
(3)(7)(3)(1)(3)(3)(2)(3)(8)(9)(5)(4)(3)(5)(8)(1)(2)(2)(5)(7)(13)(14)(5)(6)(5)(19)(12)(1)(3)(2)(2)(3)(5)(2)(5)(3)(9)(5)(5)(2)(1)(4)(2)(16)微博登录按钮-新浪微博JSSDK官方网站
在您的博客、网站或其他支持HTML的位置嵌入一段微博登录按钮对应的代码，便可以直接通过微博帐号登录。
使用微博登录按钮的好处？
直接用微博帐号登录你的网站；
获得高质量微博活跃用户；
更便捷的分享到微博，提高网站信息传播力；
&wb:login-button type=&3,2& &&/wb:login-button&
&wb:login-button type=&3,2& onlogin=&login& onlogout=&logout& &&/wb:login-button&
// 如需添加回调函数，请在wbml标签中添加onlogin="login" onlogout="logout"，并定义login和logout函数。
function login(o) {
alert(o.screen_name)
function logout() {
alert('logout');
连接按钮样式，是登录前的按钮样式1-7和登录后的样式1-5的组合，可选，默认为"3,2"。
登录后执行的回调函数名称，其参数为用户信息json对象;
退出登录执行的回调函数名称
Javascript
&div id=&wb_connect_btn& &&/div&
WB2.anyWhere(function (W) {
W.widget.connectButton({
id: "wb_connect_btn",
type: '3,2',
callback: {
login: function (o) { //登录后的回调函数
alert("login: " + o.screen_name)
logout: function () { //退出后的回调函数
alert('logout');
连接按钮元素ID
连接按钮样式，是登录前的按钮样式1-7和登录后的样式1-5的组合，可选，默认为"3,2"。
回调函数对象，参数说明如下，
login: 登录后执行的回调函数，其参数为用户信息json对象;
logout: 退出登录后执行的回调函数;您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
微信JSSDK说明文档.doc17页
本文档一共被下载：
次 ,您可全文免费在线阅读后下载本文档。
文档加载中...广告还剩秒
需要金币：100 &&
微信JSSDK说明文档.doc
你可能关注的文档：
··········
··········
微信JSSDK说明文档
微信JS-SDK说明文档
1.1?JSSDK使用步骤
1.1.1?步骤一：绑定域名
1.1.2?步骤二：引入JS文件
1.1.3?步骤三：通过config接口注入权限验证配置
1.1.4?步骤四：通过ready接口处理成功验证
1.1.5?步骤五：通过error接口处理失败验证
1.2?接口调用说明
2?基础接口
2.1?判断当前客户端版本是否支持指定JS接口
3?分享接口
3.1?获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
3.2?获取“分享给朋友”按钮点击状态及自定义分享内容接口
3.3?获取“分享到QQ”按钮点击状态及自定义分享内容接口
3.4?获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
4?图像接口
4.1?拍照或从手机相册中选图接口
4.2?预览图片接口
4.3?上传图片接口
4.4?下载图片接口
5?音频接口
5.1?开始录音接口
5.2?停止录音接口
5.3?监听录音自动停止接口
5.4?播放语音接口
5.5?暂停播放接口
5.6?停止播放接口
5.7?监听语音播放完毕接口
5.8?上传语音接口
5.9?下载语音接口
6?智能接口
6.1?识别音频并返回识别结果接口
7?设备信息
7.1?获取网络状态接口
8?地理位置
8.1?使用微信内置地图查看位置接口
8.2?获取地理位置接口
9?界面操作
9.1?隐藏右上角菜单接口
9.2?显示右上角菜单接口
9.3?关闭当前网页窗口接口
9.4?批量隐藏功能按钮接口
9.5?批量显示功能按钮接口
9.6?隐藏所有非基础按钮接口
9.7?显示所有功能按钮接口
10?微信扫一扫
10.1?调起微信扫一扫接口
11?微信小店
11.1?跳转微信商品页接口
12?微信卡券
12.1?调起适用于门店的卡券列表并获取用户选择列表
12.2?批量添加卡券接口
12.3?查看微信卡包中的卡券接口
13?微信支付
13.1?发起一个微信支付请求
14?附录1-JS-SDK使用权限签名算法
正在加载中，请稍后...相关阅读：