使用QQ第三方登录并在父页面跳转刷新

<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第三方登录并在父页面跳转刷新的更多相关文章

【第三方登录】之QQ第三方登录
最近公司做了个网站,需要用到第三方登录的东西.有QQ第三方登录,微信第三方登录.先把QQ第三方登录的代码列一下吧. public partial class QQBack : System.Web.U ...
QQ第三方登录
QQ第三方登录在Android应用程序的开发过程中,很多时候需要加入用户登录/注册模块.除了自己动手设计登录界面并实现相应功能外,现在还可以借助百度.腾讯等开发者平台提供的第三方账号登录模块.最近研 ...
PHP实现QQ第三方登录
PHP实现QQ第三方登录学习之前,请大家先看一下oAuth协议. 首先呢,我们进入QQ互联的官方网站 http://connect.qq.com登入我们自己的QQ号,没有QQ号的小伙伴可以忽略本篇博 ...
利用JS_SDK实现QQ第三方登录
前言现如今,第三方登录已成为大部分网站必备的一项基础技能,引入时髦的第三方登录不仅能帮你吸引更多的用户,也让你的网站可以充分利用其他大型网站的用户资源.本次教程将让你的网站最快捷便利地引入QQ登录. ...
web实现QQ第三方登录
开放平台-web实现QQ第三方登录应用场景 web应用通过QQ登录授权实现第三方登录. 操作步骤 1 注册成为QQ互联平台开发者,http://connect.qq.com ...
Django项目中使用qq第三方登录。
使用qq登录的前提是已经在qq互联官网创建网站应用并获取到QQ互联中网站应用的APP ID和APP KEY 1,建路由 # qq登录 path('loginQq/',qq.loginQq,name=' ...
QQ第三方登录回调地址的问题
如题,维护以前的项目,发现原来QQ的第三方登录竟然失败了.回调地址的问题原来是以前的规则变了.好吧,那就改,谁叫我不是改变规则的人. 中途浪费了点时间,项目很大,我一下也找不到项目里那个接口调用的, ...
thinkphp5.0 QQ第三方登录详解
一.前期准备工作到QQ互联官网进行开发资质认证,并创建网站应用.获取到appid和appkey后,下载demo文件. demo文件下载方式:QQ互联>文档资料>SDK及资源下载>p ...
使用QQ第三方登录时,手机应用和网站应用对同一个QQ号,获取到的openid不一样
使用QQ第三方登录时,手机应用和网站应用对同一个QQ号,获取到的openid不一样openid生成是根据应用的appid和QQ号的一些信息加密生成,对于一个appid和QQ号来说,openid是唯一的 ...

随机推荐

用JS实现汉字转拼音
<!DOCTYPE HTML> <html> <head> <title>用JS实现汉字转拼音</title> <meta chars ...
TabBarIOS
参考:http://blog.csdn.net/wmmhwj/article/details/68483592 import React, { Component } from 'react';imp ...
故障排查-linux命令测试端口连通性
方法一:telnet法预置条件:安装telnet step 1.rpm -qa telnet-server(无输出表示telnet-server未安装,则执行step2:否则执行step3) ste ...
主流服务器虚拟化技术简单使用——Xen（二）
管理多台Xen主机可以使用GUI工具virt-manager和xm.xl等命令行工具. Tips:hypervisor一定要选到Xen web管理工具 Xen也有一个简易web管理工具叫xenwebm ...
BT网站-IBMID.COM
最近把網站改版了,主要是更改了搜索引擎. 大家可以訪問什么是磁力链接(IBMID.COM)(Magnet URI)? 简单的说:类似下面这样以“magnet:?”开头的字符串,就是一条“磁力链接” ...
bzoj 3261 最大异或和可持久化字典树（01树）
题目传送门思路: 由异或的性质可得,题目要求的式子可以转化成求$max(pre[n]^x^pre[i])$,$pre[i]$表示前缀异或和,那么我们现在就要求出这个东西,所以用可持久化字典树来求,每 ...
PIE_SDK.NET功能表
(转)Python 标准库笔记：string模块
String模块包含大量实用常量和类,以及一些过时的遗留功能,并还可用作字符串操作. 原文:http://www.10tiao.com/html/384/201709/2651305041/1.htm ...
使用group by rollup和group by cube后的辅助函数
本文主要介绍,报表在使用group by rollup和group by cube后的辅助函数. CREATE TABLE TEST8 ( "ID" NUMBER, "O ...
React.js 小书 Lesson26 - 实战分析：评论功能（五）
作者:胡子大哈原文链接:http://huziketang.com/books/react/lesson26 转载请注明出处,保留原文链接和作者信息. (本文未审核) 持久化评论同样地,可以通过类 ...

使用QQ第三方登录 并在父页面跳转刷新

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

随机推荐

热门专题

使用QQ第三方登录并在父页面跳转刷新

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