QQ第三方登入（PC + 手機）

阿新 • • 發佈：2019-01-25

一、申請APPID和APPKEY

登入QQ互聯，登入地址：https://connect.qq.com/ ，登入===》建立應用

注意：1、手機網站和PC網站要分開建立兩個應用，都是“網站應用”，只有APP才是手機應用

2、網站回撥域寫你回撥的地址，寫錯了沒有關係，後面可以修改

3、這個申請得到唯一標識【OpenID】只對一個應用唯一，如果開發者有多個應用，需要申請Unionid，

Unionid申請方法：傳送郵件到[email protected]，

郵件格式如下：

申請通過以後，得到APPID、APPKey。

二、開發：

1、HTML頁面

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn" xml:lang="zh-cn">

<head>

<title>會員登入</title>

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="你的APPID" charset="utf-8"></script>

</head>

<body>

<span>其它賬號登入：</span>

<span style=" margin-right:10px" id="qqLoginBtn"></span>

<script src="../JS/JQuery.js" type="text/javascript"></script>

<script type="text/javascript">

$(function () {

QC.Login.signOut();

});

QC.Login({

btnId: "qqLoginBtn" //插入按鈕的節點id

});

var paras = {};

//if (QC.Login.check()) {

QC.api("get_user_info", paras).success(function (s) {//成功回撥

console.log("success",arguments);

//成功回撥

QC.Login.getMe(function (openId, accessToken) {

console.log("getMe",arguments)

showBgProc(true, "正在登入，請稍候...");

$.post("../ajax.ashx?action=QQlogin&t=" + Math.random(), {

name: s.data.nickname, //暱稱

gender: s.data.gender, //性別

province: s.data.province, //省

city: s.data.city, //市

year: s.data.year, //出生年

figureurl: s.data.figureurl_2, //頭像

openid: openId,

otype: 1,

token: accessToken

}, function (msg) {

showBgProc(false);

if (gav(msg, "state") == "1") {

$a(s.data.nickname + "恭喜你,登入成功!");

location.href = "/user/"; //跳轉到會員中心頁

} else {

$a(gav(msg, "msg"));

}

});

})

.error(function (f) {//失敗回撥

alert("獲取使用者資訊失敗！");

})

.complete(function (c) {

//完成請求回撥

});

//}

</script>

</body>
</html>

2、AJAX.ashx頁面

                      /// <summary>
        /// QQ快速登入
        /// </summary>
        private static void QQLogin()
        {

            //獲取unionid
            string token = HttpContext.Current.Request["token"];
            string unid = "";
            if (!string.IsNullOrEmpty(token))
            {
                string str = Get("https://graph.qq.com/oauth2.0/me?access_token=" + token + "&unionid=1");

                if (!string.IsNullOrEmpty(str))
                {
                    str = str.Replace("callback(", "").Replace(")", "").Replace(";","").Trim();
                    System.Collections.Hashtable ht = Newtonsoft.Json.JsonConvert.DeserializeObject<System.Collections.Hashtable>(str);
                    unid = ht["unionid"] as string;
                    //WriteString(str);
                }
            }

            string ChnName = HttpContext.Current.Request.Form["name"];//暱稱
            string openid = HttpContext.Current.Request.Form["openid"];//其它使用者資訊略。。
            if (!string.IsNullOrEmpty(unid)) openid = unid; //如果有unionid 就把unionid 作為唯一標識儲存到資料庫中

            //先判斷 openid 是否存在
            //讀取使用者表，看資料庫中是否有相應的資訊

            if (user_OBJ == null)
            {
                //如果不存在，先儲存使用者資訊，再登入
                //1.1 儲存到自己的資料庫表中
                //1.2 登入程式碼，儲存自己的cookie

            }else{
                //如果存在，直接登入
                //1.1登入程式碼，儲存自己的cookie

            }
            //返回結果內容
            WriteXml(node, node2);
        }

未完。。。。。。。

QQ第三方登入（PC + 手機）

QQ第三方登入（PC + 手機）

QQ第三方登入（預備節）

QQ第三方登入（完結篇）

Android開發技巧之：QQ第三方登入（二）

Android開發技巧之：QQ第三方登入（一）

移動端第三方登入（微信）java驗證並獲取使用者資訊

電商手機web端使用第三方登入（QQ，sina微博）demo

Django 專案總結（3）- 第三方登入（QQ登入）

第三方登入（QQ登入）開發流程詳解

Android ShareSDK第三方登入（分別有新浪、QQ、微信、Facebook、Linkedin、Google等等）

關於Android Studio第三方登入（使用QQ登入）程式碼

iOS：shareSDK 第三方登入（qq 微信新浪微博）

1689熊貓彩票增加視頻版本（PC+手機端、帶有視頻動畫開獎效果） ——含手機端、前後臺帶極速彩

QQ聯合登入（使用JAVA SDK）（WAP端瀏覽器不能正常使用JS SDK）

php微信開放平臺--第三方網頁微信掃碼登入（OAuth2.0）

微信第三方登入（靜默授權和非靜默授權）

第三方登入：微信掃碼登入（OAuth2.0）

[原創] uniapp第三方登入（二）

Spring Security OAuth2 第三方登入（一）之流程說明

微信第三方登入（靜默授權和非靜默授權）例項步驟

QQ第三方登入（PC + 手機）

相關推薦