Web接入QQ登陆简单入门操作

效果图：

qq_login.gif

入门的操作比想象中简单
第一步：和腾讯开展深入合作（注册开发者）
QQ互联 https://connect.qq.com/index.html

image.png

下面开始写代码
http://wiki.connect.qq.com/js_sdk%e4%bd%bf%e7%94%a8%e8%af%b4%e6%98%8e

image.png

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Title</title>
</head>
<script type="text/javascript"  charset="utf-8"src="http://connect.qq.com/qc_jssdk.js"data-appid="101xxxxx"data-redirecturi="http://localhost:8081/LoginActionQQ"
></script><body><span id="qqLoginBtn"></span><script type="text/javascript">QC.Login({btnId:"qqLoginBtn"    //插入按钮的节点id});</script><script type="text/javascript">//调用QC.Login方法，指定btnId参数将按钮绑定在容器节点中QC.Login({//btnId：插入按钮的节点id，必选btnId:"qqLoginBtn",//用户需要确认的scope授权项，可选，默认allscope:"all",//按钮尺寸，可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S]，可选，默认B_Ssize: "A_M"}, function(reqData, opts){//登录成功console.log("reqData"+reqData)//根据返回数据，更换按钮显示状态方法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}));}, function(opts){//注销成功alert('QQ登录 注销成功');});QC.Login.getMe(function(openId, accessToken){alert(openId)alert(accessToken)})</script>
</body>
</html>


@Controller
public class LoginActionQQ {@RequestMapping("/LoginActionQQ")public String login() {// 加入一个属性，用来在模板中读取// return模板文件的名称，对应src/main/resources/templates/welcome.htmlSystem.out.println("登陆成功");return "../view/index";}
}

这是只是简单的了解一下qq登陆，要真正接入项目中感觉还有很多东西要注意

image.png

https://blog.csdn.net/qq_41264674/article/details/81326512

Web接入QQ登陆简单入门操作相关推荐

APP接入QQ登陆功能报错“该应用非官方正版应用，请到......100044”的几种错误
最近在学习APP接入"QQ登陆"功能时,一动手就遇到遇到"该应用非官方版本正版应用,请去应用宝下载正版后进行qq登录.(错误码100044)"的问题,如下图: ...
web接入QQ第三方登录
原文地址:https://blog.csdn.net/cwfjimogudan/article/details/54135957 这是第三方登录的第二篇,关于web接入微博第三方登录可以参考我之前的博 ...
Unity ShareSDK接入QQ登陆微信登陆
Unity 接入微信登陆QQ登陆首先我们需要去下载ShareSDK http://www.mob.com/mobService/sharesdk 将下载下来的压缩包中的ShareSDK.unityp ...
php接入qq登陆,thinkphp5中接入QQ登录方法详解
Thinkphp5中接入QQ登录操作,方法详解: 1.下载PHP SDK <点击进入下载页> 2.下载后的SDK解压,并运行install下的index.php 3.填写appid.app ...
Ubuntu (20.4，最新版)安装及简单入门操作
1.打开VMare WorkStation ,点击文件---->新建虚拟机-->找到宿主机内部Ubuntu镜像的位置: 镜像下载位置: https://msdn.itellyou.cn/ ...
Vue的简单入门操作（笔记）与前后端crud
VueHelloWorld编写 1.插入js的文件 2.编写vue代码 {{}}这个是个取值指令作用就是从js代码当中取出对应的数值 el:"""这个是指模板在哪里简单 ...
php接入qq登陆,网站接入QQ登录-腾讯开放平台
完成开发者认证使用qq登录完成实名认证,点击创建应用创建网站应用填写相关信息回调域填写很重要如果填写错误扫码会出现 100010 [QQ登录]登录常见错误码前端这是目前网站接入的qq登录, ...
python写登录界面跳转至数据库操作_pycharm+jdango+python实现创建web工程并实现简单登陆...
本文通过pycharm和流行的python web开发框架jdango以及python3.6实现创建web工程并且实现简单登陆的功能. Pycharm下载不再细说,python下载也不再说,jdang ...
泰凌微ble mesh蓝牙模组天猫精灵学习之旅③简单入门安信可TB-02开发开发板轻松接入天猫精灵，语音控制冷暖灯so easy！
本<泰凌微ble mesh蓝牙模组天猫精灵学习之旅>系列博客学习由半颗心脏潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1.小白也痴迷,如 ...
从入门到入土：Python爬虫学习|Selenium自动化模块学习|简单入门|轻松上手|自动操作浏览器进行处理|chrome|PART01
此博客仅用于记录个人学习进度,学识浅薄,若有错误观点欢迎评论区指出.欢迎各位前来交流.(部分材料来源网络,若有侵权,立即删除) 本人博客所有文章纯属学习之用,不涉及商业利益.不合适引用,自当删除! 若 ...

Web接入QQ登陆简单入门操作

Web接入QQ登陆简单入门操作相关推荐

最新文章

热门文章