zoukankan      html  css  js  c++  java
  • 第三方网站使用qq登录

    qq作为国内最重要的交流工具,已经被大部分人所接受,而且qq几乎成了人们不可缺少的沟通桥梁,为此,腾讯给出了qq互联的api,通过这些api,我们就可以获得登录用户的一些信息,由此可以使用户免去注册的麻烦。


    下面介绍下qq互联的步骤:

    1.需要到http://connect.qq.com/manage/index申请应用,这里需要有一个自己的域名网站,里面我们需要修改我们网站中首页的head,这样才能认证通过,证明这个网站使我们自己的,qq才会授权给我们。申请过后,就会得到APP ID.


    2.引入qq互联的js api.APPID 替换为我们申请到的APP ID , REDIRECTURI 替换为授权认证的回调地址。


    3.在页面上添加qq登录图标<span id="qqLoginBtn"></span>


    4.在回调地址页面添加代码<scripttype text="" javascript="" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callbac="" true="">

    这样回调地址将获取到的Access Token和OpenID返回给调用页面。


    5.在调用页面使用api得到用户的相关信息:QC.api(api,paras,fmt,method)通过这个函数访问用户信息。具体可以参考:http://wiki.connect.qq.com/api%E5%88%97%E8%A1%A8这个api文档。


    举个实例:var paras = {};

    //用JS SDK调用OpenAPI

    QC.api(&quot;get_user_info&quot;, paras)  

    //指定接口访问成功的接收函数,s为成功返回Response对象  

    .success(function(s){    /

    /成功回调,通过s.data获取OpenAPI的返回数据    

    alert(&quot;获取用户信息成功!当前用户昵称为:&quot;+s.data.nickname);

    alert(&quot;获取用户信息成功!当前用户性别为:&quot;+s.data.gender);  })  

    //指定接口访问失败的接收函数,f为失败返回Response对象  

    .error(function(f){    

    //失败回调    

    alert(&quot;获取用户信息失败!&quot;);  

    })  

    //指定接口完成请求后的接收函数,c为完成请求返回Response对象  

    .complete(function(c){    

    //完成请求回调    

    alert(&quot;获取用户信息完成!&quot;); 

     });


    更多的用法,请参考http://connect.qq.com/sdk/webtools/index.html这里可以进行相关的调试。

  • 相关阅读:
    cUBtYhaFzo
    「UVA1185」Big Number 解题报告
    「洛谷P3202」[HNOI2010]弹飞绵羊 解题报告
    「洛谷P2906」[USACO08OPEN]牛的街区Cow Neighborhoods 解题报告
    「洛谷P1306」斐波那契公约数 解题报告
    「SP25784」BUBBLESORT
    「UVA12004」 Bubble Sort 解题报告
    「洛谷P2397」 yyy loves Maths VI (mode) 解题报告
    「学习笔记」珂朵莉树 ODT
    log4j
  • 原文地址:https://www.cnblogs.com/itdreamfly/p/12871635.html
Copyright © 2011-2022 走看看