QQ第三方登錄程序編寫方法

ID:90014 · 發表于 2015-9-14 13:17

序：
自從8.12天津濱海爆炸到現在一直沒上班。閑的手癢癢，由于逃難的時候沒有把筆記本帶出來。所以自己的小網站也不能繼續。網站寫著玩的，所以流量與用戶一定很少。就不打算做“注冊/登錄”模塊了，這年頭出來上網的有幾個沒有QQ的（其實就是懶。。。）。直接用QQ第三方登錄拉取用戶資料。我省事、“用戶”也省事。

準備工作：
      1、注冊騰訊開發者帳號
      2、申請網站（移動應用）接入
      3、向空間、財付通等需要審核

簡單的Demo：
      1、登錄
      2、驗證是否登錄成功
      3、注銷登錄
      4、獲取OpenID與Access Token
      5、根據OpenID拉取用戶資料

步驟：
      0、引入騰訊JS SDK
      <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"
      data-appid="AppID" data-redirecturi="RedirectURL" charset="utf-8"></script>

      AppID：網站/移動應用申請的AppID
      RedirectURL：登陸后網站的跳轉地址。必須為http或https。具體自己看API吧

      1、登錄（我認為一般網站常用的都是這個樣式的登錄）
      QC.Login.showPopup({
                  appId: "AppID"
      });

   2、驗證是否登錄成功
      QC.Login.check()

      成功：true
      失�。篺alse

      3、注銷登錄
      QC.Login.signOut()

      4、獲取OpedID與Access Token
      QC.Login.getMe(function (openId, accessToken) {
      });

      5、 根據OpenID拉取用戶資料（有問題）
      這個需要根據OpenID Get請求獲取Json數據（用戶基礎信息），通過Ajax涉及到跨域訪問問題。今天太晚了就不研究了，但是我通過拼接出來的字符串是可以獲取到用戶信息的。
      oauth_consumer_key：AppID
      oauth_consumer_key：accesstoken
      openid：openid
      format ：json       // 返回的數據格式

      返回參數說明：

Demo：

原API地址：http://wiki.connect.qq.com/js_sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E

序：
繼上一篇繼續德波。上一篇在Ajax請求的時候發生異常。問題是由于Ajax跨域訪問的問題，而JS的Ajax出現問題也是這個原因。臨睡覺前想了一下既然Ajax不讓跨域（非絕對）那我可以搭建一個中間層（我是用的中間層是ASHX一般處理程序）。這樣的好處是可以一次請求前后臺皆獲取到數據，并后臺先獲取到數據保存到Session中。然后在Response到前臺。

步驟：
1、前臺同樣是一個Ajax請求，只是把URL改為本域下的ashx。把必要的參數發送到ashx讓他通過WebRequert在去請求外站的接口。后臺實現的基本代碼為下圖（PS：ashx中如果想操作Session必須實現IRequiresSessionState接口）：

其中的WebRequestToJson web = new WebRequestToJson();為自己封的工具類，也就是Get請求WebService方法。獲取用戶信息必須使用Get請求！！！

2、后臺請求后把數據發送到前臺就可以了。貌似TX為了保護用戶資料只對第三方網站提供了openID，不允許第三方站點獲取QQ登錄帳號。

ID:300760 · 發表于 2018-4-2 11:30

樓主可以把你的這份源碼發給我嗎 80403584@qq.com 謝謝

帳號		自動登錄	找回密碼
密碼			立即注冊

久久久久久久999_99精品久久精品一区二区爱城_成人欧美一区二区三区在线播放_国产精品日本一区二区不卡视频_国产午夜视频_欧美精品在线观看免费

QQ第三方登錄程序編寫方法

相關帖子