很多人嵌套進(jìn)去的時(shí)候會(huì)諸多的不便，當(dāng)然你要嵌入進(jìn)去前提是你的網(wǎng)站必須上線了，域名是關(guān)鍵，甭想著沒(méi)上線你就開(kāi)始嵌套。詳細(xì)的頁(yè)面就 http://wiki.open.qq.com/wiki/website/網(wǎng)站接入流程#2.1_.E6.B7.BB.E5.8A.A0.E7.BD.91.E7.AB.99

QQ授權(quán)登錄詳見(jiàn)上面的詳情，具體的一些登錄等也就看到里面的具體頁(yè)面了。

上圖中的網(wǎng)站地址后面的驗(yàn)證，可選擇的是在自己網(wǎng)站首頁(yè)HTML代碼的HEAD標(biāo)簽中添加：

回調(diào)地址可以自己設(shè)置一個(gè)。我網(wǎng)站首頁(yè)是http://xjpz.me,因此設(shè)置的是http://xjpz.me/blog/test/qcback。其他的按需填寫。創(chuàng)建了應(yīng)用可獲得AppID與AppKey。

部署測(cè)試 添加登錄入口 引入JS SDK文件：在登錄頁(yè)面中引入：

(API列表可查看http://wiki.connect.qq.com/api%E5%88%97%E8%A1%A8)。官方提供的登錄按鈕代碼，可直接將代碼貼到你想要放置入口的位置就行：

設(shè)置回調(diào)頁(yè)面

同樣需要引入JS SDK文件，參照上面。用JS SDK協(xié)助調(diào)用OpenAPI的get_user_info方法，獲取用戶頭像、用戶名等基礎(chǔ)信息。

回調(diào)頁(yè)面代碼如下：

- 引入的`JS SDK`文件中的`data-appid` 和 `data-redirecturi` 同樣需要改為你的AppID 和回調(diào)地址。

- 授權(quán)成功后`Openid`和`token`會(huì)緩存在本地?？赏ㄟ^(guò)`QC.Login.getMe(function(openId, accessToken){}` 獲取。

- 回調(diào)成功后，我這里把用戶名和openid提交給服務(wù)器，保存在本地，使用戶體驗(yàn)一致。即`$.post(){}`方法，你需要換成你服務(wù)端的Action。

- 服務(wù)器處理成功后重定向到網(wǎng)站首頁(yè)。授權(quán)登錄結(jié)束。

為了方便用戶，用戶授權(quán)成功后，我并沒(méi)有再繼續(xù)讓用戶輸入郵箱、密碼等。如果再讓用戶輸入一遍，那和直接注冊(cè)有什么區(qū)別？那樣授權(quán)登錄基本就失去了意義。順便貼一下后臺(tái)處理步驟：

4.提交

以上完成，自己測(cè)試通過(guò)，就可以提交騰訊審核。沒(méi)有審核通過(guò)之前只能設(shè)置幾個(gè)賬號(hào)測(cè)試，其他賬號(hào)無(wú)法授權(quán)登錄。提交時(shí)需注意，在顯要位置放置登錄入口。至少在你網(wǎng)站登錄頁(yè)面要放置。我第一次提交時(shí)專門做了一個(gè)授權(quán)登錄入口并在應(yīng)用信息設(shè)置里填寫了。結(jié)果騰訊以"未放置登錄入口或放置不規(guī)范"為由拒絕。網(wǎng)站要基本開(kāi)發(fā)完成。第二次提交，因有未實(shí)現(xiàn)的頁(yè)面，被騰訊以"網(wǎng)站不完善"為由拒絕。然后把未實(shí)現(xiàn)頁(yè)面入口撤下，審核通過(guò)。