<html>

     <head>

        <title>QQ登录跳转</title>

        <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

        <script type="text/javascript">

        //切割字符串转换参数表

        function toParamMap(str){

             var map = {};

             var segs = str.split("&");

             for(var i in segs){

                 var seg = segs[i];

                 var idx = seg.indexOf('=');

                 if(idx < 0){

                     continue;

                 }

                 var name = seg.substring(0, idx);

                 var value = seg.substring(idx+1);

                 map[name] = value;

             }

             return map;

         }

        //隐式获取url响应内容(JSONP)

        function openImplict(url){

            var script = document.createElement('script');

            script.src = url;

            document.body.appendChild(script);

        }

        //获得openid的回调

        function callback(obj)

        {

           var openid = obj.openid;

           $("#openid").text(openid);

           //跳转服务端登录url

           var resulturl = "@{openapi.QQs.login_result()}";

           var accessToken = $("#accessToken").text();

           //向服务端传输access_token及openid参数

           document.location.href=resulturl + "?access_token=" + accessToken + "&openid=" + openid;

        }

        </script>

     </head>

     <body>

            <!--<p>AccessToken:<span id="accessToken"></span>--ExpireIn<span id="expire"></span></p>-->

            <!--<p>OpenID:<span id="openid"></span></p>-->

     <!-- 执行脚本 -->

     <script type="text/javascript">

     //应用的APPID   ＊＊＊＊＊ 自己的app ID

     var appID = "";

     //登录授权后的回调地址，设置为当前url   ＊＊＊＊＊＊自己的回调地址

     // var redirectURI = "@@{openapi.QQs.login()}";

    var redirectURI = "";

     //初始构造请求

     if (window.location.hash.length == 0)

     {

        var path = 'https://graph.qq.com/oauth2.0/authorize?';

        var queryParams = ['client_id=' + appID,

                           'redirect_uri=' + redirectURI,

                           'scope=' + 'get_user_info,list_album,upload_pic,add_feeds,do_like','response_type=token'];

        var query = queryParams.join('&');

        var url = path + query;

        window.location.href= url;

     }

     //在成功授权后回调时location.hash将带有access_token信息，开始获取openid

     else

     {

        //获取access token

        var accessToken = window.location.hash.substring(1);

        var map = toParamMap(accessToken);

        //记录accessToken

        $("#accessToken").text(map.access_token);

        $("#expire").text(map.expires_in);

        //使用Access Token来获取用户的OpenID

        var path = "https://graph.qq.com/oauth2.0/me?";

        var queryParams = ['access_token='+map.access_token, 'callback=callback'];

        var query = queryParams.join('&');

        var url = path + query;

        openImplict(url);

     }

     </script>

     </body>

</html>

使用QQ第三方登录 并在父页面跳转刷新的更多相关文章

  1. 【第三方登录】之QQ第三方登录

    最近公司做了个网站,需要用到第三方登录的东西.有QQ第三方登录,微信第三方登录.先把QQ第三方登录的代码列一下吧. public partial class QQBack : System.Web.U ...

  2. QQ第三方登录

    QQ第三方登录 在Android应用程序的开发过程中,很多时候需要加入用户登录/注册模块.除了自己动手设计登录界面并实现相应功能外,现在还可以借助百度.腾讯等开发者平台提供的第三方账号登录模块.最近研 ...

  3. PHP实现QQ第三方登录

    PHP实现QQ第三方登录 学习之前,请大家先看一下oAuth协议. 首先呢,我们进入QQ互联的官方网站 http://connect.qq.com登入我们自己的QQ号,没有QQ号的小伙伴可以忽略本篇博 ...

  4. 利用JS_SDK实现QQ第三方登录

    前言 现如今,第三方登录已成为大部分网站必备的一项基础技能,引入时髦的第三方登录不仅能帮你吸引更多的用户,也让你的网站可以充分利用其他大型网站的用户资源.本次教程将让你的网站最快捷便利地引入QQ登录. ...

  5. web实现QQ第三方登录

    开放平台-web实现QQ第三方登录   应用场景     web应用通过QQ登录授权实现第三方登录.   操作步骤     1  注册成为QQ互联平台开发者,http://connect.qq.com ...

  6. Django项目中使用qq第三方登录。

    使用qq登录的前提是已经在qq互联官网创建网站应用并获取到QQ互联中网站应用的APP ID和APP KEY 1,建路由 # qq登录 path('loginQq/',qq.loginQq,name=' ...

  7. QQ第三方登录回调地址的问题

    如题,维护以前的项目,发现原来QQ的第三方登录竟然失败了.回调地址的问题 原来是以前的规则变了.好吧,那就改,谁叫我不是改变规则的人. 中途浪费了点时间,项目很大,我一下也找不到项目里那个接口调用的, ...

  8. thinkphp5.0 QQ第三方登录详解

    一.前期准备工作 到QQ互联官网进行开发资质认证,并创建网站应用.获取到appid和appkey后,下载demo文件. demo文件下载方式:QQ互联>文档资料>SDK及资源下载>p ...

  9. 使用QQ第三方登录时,手机应用和网站应用对同一个QQ号,获取到的openid不一样

    使用QQ第三方登录时,手机应用和网站应用对同一个QQ号,获取到的openid不一样openid生成是根据应用的appid和QQ号的一些信息加密生成,对于一个appid和QQ号来说,openid是唯一的 ...

随机推荐

  1. easyui页面上显示和PL/SQL编码问题

    在页面上,只需要显示人们看的懂的文字就行,但是在数据库里面就不一定了,一般情况下,在数据库里面存字母,数字等除了汉字以外的字符,存汉字有个问题,就是有时候不同oracle数据库的客户端会出现乱码问题: ...

  2. Ionic2使用百度地图API(JS)出现白屏解决方案

    最近自学ionic2,写了一个内嵌百度地图JS的demo,实际跑起来之后出现了大家常见的白屏问题.. 最初的实现是这样的: 首先主页内嵌了一个百度地图插件 <div id="Bmap& ...

  3. Flume启动运行时报错org.apache.flume.ChannelFullException: Space for commit to queue couldn't be acquired. Sinks are likely not keeping up with sources, or the buffer size is too tight解决办法（图文详解）

        前期博客 Flume自定义拦截器(Interceptors)或自带拦截器时的一些经验技巧总结(图文详解) 问题详情 启动agent服务 [hadoop@master flume-1.7.0]$ ...

  4. [转] Citrix XenDesktop桌面登录VM提示Citrix Web插件错误

    [From] http://blog.51cto.com/xuhaili100love/1223707 [适用版本] 适用所有Citrix虚拟桌面版本 [现象描述] 使用SC登录虚拟机提示“无法访问您 ...

  5. 我理解的Future模式

    学而时习之,不亦说乎!                              --<论语> 什么是Future? 考虑一个场景,为了完成某个业务,我需要同时查询三张表的三条独立数据.但 ...

  6. vue中npm run dev 不能自动打开浏览器运行项目

    最近用vue2.0 + webpack搭建了环境创建新的项目.出现一个很蹩脚的问题: 在终端输入 npm run dev 的时候,不能自动打开浏览器运行项目. 这段话的意思是:你的应用程序运行地址是: ...

  7. 手写JDBC - 数据库、驱动信息存储在配置文件

    1. 将数据库.驱动信息存储在配置文件 configure.properties url=jdbc:mysql://localhost:3306/数据库名?serverTimezone=GMT& ...

  8. Jquery ajax, Axios, Fetch区别

    1.   Jquery ajax, Axios, Fetch区别之我见 2.   ajax.axios.fetch之间的详细区别以及优缺点

  9. 关于echar彩色柱状图颜色配置问题

    在做配置页面的时候,有这样一个需求,用户可以选择配置是单色柱状图或者彩色的柱状图,并且颜色可以自定义的 思路:首先默认构建一个一个空的图表,然后根据记录上一次操作保存过来的参数重新组建option的值 ...

  10. unity代码设置鼠标样式

    public class Main : MonoBehaviour { public Texture2D cursorTexture;//图片 public CursorMode cursorMode ...