html 加QQ链接QQ版本不支持,网站接入QQ登录（JS版）【最新教程 04.10更新】，亲身失败百次的总结...

开发阶段(偏后端的同学可以查看 PHP版教程)

3.1. 因为 QQ互联官网只是简单的提供了 JS-SDK 以及相关的 API，可能部分同学初见比较茫然。所以为了帮助同学们更好理解，我整理出以下内容，力求最简单的方法实现目的。

JS-SDK

3.2. 因为是写教程，所以代码就尽量简单明了一点。实际上网站使用 'JS' 接入 'QQ登录' 非常简单，原则上只需要自己编辑如下图所示的 2个 'HTML' 页面：

Code

callback.html # 【QQ互联】中已经通过审核的回调地址页面

index.html # 接入【QQ登录】的网站主页面

3.3. 由于是嵌入在 'HTML' 中的 'JS' 脚本，因此在 'index.html' 中需要输入以下代码：

......................other HTML code..............

// QC.Login()方法成功之后的回调函数

var success=function(user_info,option){

console.info(user_info);

console.info(option);

}

// QC.Login()方法失败之后的回调函数

var fail=function(option){

console.info(option);

}

QC.Login({

//btnId：插入按钮的节点id，必填项

btnId: "login_btn",

},success,fail);

......................other HTML code..............

3.4. 再在 'callback.html' 文件中输入以下内容：

......................other HTML code..............

数据传输中，请稍后...

$(function(){

if (QC.Login.check()) {

// 通过回调函数获取'open_id'和'access_token'

QC.Login.getMe(function(open_id, access_token){

// 可以改成你自己的后台处理地址，然后对'open_id'和'access_token'进行缓存

$.post('http://www.example.com/method.php',{

open_id:open_id,

access_token:access_token

});

}

});

......................other HTML code..............

3.5. 最后，再回过头去检查 'index.html' 中设置的 'appid'、'callback' 是否与 QQ互联中通过审核的网站应用信息一致。

html 加QQ链接QQ版本不支持,网站接入QQ登录（JS版）【最新教程 04.10更新】，亲身失败百次的总结...相关推荐

php网站 qq登陆,php写的插件网站接入QQ登录，QQ互联
qq按钮这里的链接是入口,调用你的api api_qq.php前端直接链接到此/** * 这个QQ登录简单实用,只要大家看我写的注释会一目了然,请注意看哦. * 带有"@todo" ...
小程序源码：修复登录接口版最新知识付费变现小程序源码下载-独立后台版本
这个小程序是干什么的? 资源分享小程序为网络资源分享类自媒体解决变现与传播问题,小小的资源,要钱不合适,不要钱又不能用爰发电,让用户分享又没有效果,那么我们就可以让用户打开小程序,看一段广告,直接获取 ...
修复登录接口版最新知识付费小程序源码下载-独立后台版本
ThinkPHP3.2+layui框架运行环境:php≥5.6+mysql....域名需配置ssl后才可以通过https访问后台安装 1.将源码上传至服务器首先修改数据库文件 Applicati ...
网站接入QQ登录最新2020 java版本
1.首先先注册账号,然后填资料审核,等个三四天吧大概 https://connect.qq.com/ 2.审核通过后点击创建应用,把备案号什么的都填(这个审核两天之内一般) !!! 这里有个重点,网站 ...
第三方插件的引用(4):JAVA网站接入QQ登录
前言为了增加用户体验,用户能够快速的注册登录,第三方账号进行登录注册的的需求也就由此而诞生开发环境: IDE: STS jdk版本: 1.8 框架: SSM 要做QQ第三方登录,首先得在QQ互联 ...
SpringBoot + Vue 个人网站接入QQ登录手把手教你完整版新手友好
关于使用的QQ登录的原因 **最大的原因各位都想的到,QQ注册人数虽然呈下坡状态,但其影响力和使用群体之大不可忽视.下面我将一步步的将我如何实现QQ登录的步骤复现一遍** 准备工作进入QQ互联网址 ...
网站接入QQ互联（JAVA版）
简介: QQ互联是腾讯旗下的开放平台,通过QQ互联,网站主和开发者可以申请接入QQ登录.用户可以使用QQ账号登录接入的站点,通过添加分享和赞组件,将站点内容分享到QQ空间和朋友网,通过获取API授权, ...
网站接入QQ登录过程（防踩坑）
一个要留住用户的网站,经常会以通用的方式进行登录,手机号.微信.QQ.邮箱,这些登录都各有自己的规则,这篇文章记录一下接入QQ登录的过程,给大家梳理下,防止后来人踩坑. 1.进行开发者注册: 在QQ互 ...
php接入qq登陆,网站接入QQ登录-腾讯开放平台
完成开发者认证使用qq登录完成实名认证,点击创建应用创建网站应用填写相关信息回调域填写很重要如果填写错误扫码会出现 100010 [QQ登录]登录常见错误码前端这是目前网站接入的qq登录, ...

html 加QQ链接QQ版本不支持,网站接入QQ登录（JS版）【最新教程 04.10更新】，亲身失败百次的总结...

数据传输中，请稍后...

html 加QQ链接QQ版本不支持,网站接入QQ登录（JS版）【最新教程 04.10更新】，亲身失败百次的总结...相关推荐

最新文章

热门文章