生活随笔
收集整理的這篇文章主要介紹了
网站应用接入qq登录,实现免注册原理
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
去qq互聯:https://connect.qq.com/index.html
創建一個wen網站類型的應用,如下過程,這個過程可能比較久
前提條件
1、網站域名已經備案成功并且網站可以訪問,然后再來申請接入網站應用
然后需要用到備案信息,否則就會收到郵件通知你審核不通過
如下信息:框出來的信息需要用到
填入網站主頁即可
注意回調域,這個在后面獲取access_token需要用到,它會將用戶登錄后的這個字段通過url的code返回。就是下面的這一串信息是后面需要用到的
假設你已經審核通過了,獲取到了appid 和 appkey
管理頁面:https://connect.qq.com/manage.html#/
第一步獲取CODE
一般的是通過js另外開啟一個窗口,窗口的訪問地址是
有四個字段要填,其中的第三個參數就是上面的appid
第四個參數是回調地址,也就是當你點擊qq頭像登錄成功后會將CODE返回到這個回調域的參數上(注意需要進行URL編碼)
第一個參數是固定的,第二個參數可以好好利用
https
://graph.qq.com/oauth2.0/authorize
?response_type=code
&state=200
&client_id=APP的ID,例如:101814107
&redirect_uri=http%3A%2F%2Fwww.huashengshu.top%2Flogin
更詳細的看文檔:https://wiki.connect.qq.com/使用authorization_code獲取access_token
返回給redirect_uri地址的CODE有效期是十分鐘
第二步獲取AccessToken
appkey和id在這里需要用到對應下面的 client_secret的值
appid對應client_id的值
https://graph.qq.com/oauth2.0/token?grant_type
=authorization_code
&client_id=APP_ID
&client_secret=APP_KEY
&redirect_uri=http%3A%2F%2Fwww.huashengshu.top%2Flogin
&code=得到的code
返回的信息如下
access_token=0CXXXXXXXXXXXXXXXXXXXXX84
&expires_in=7776000&refresh_token=9C27XXXXXXXXXXXXXXFF53E09E88
第三步獲取openid
傳入AccessToken即可
https://graph.qq.com/oauth2.0/me?fmt
=json
&access_token=0CXXXXXXXXXXXXXXXXXXXXX84
返回信息,下面的openid就是我們需要的
{"client_id": "101814107","openid": "38XXXXXXXXXXXXXXXXXXXXXXX2A"
}
第四步獲取來自qq用戶的詳細信息
需要:
access_tokenappidopenid
https
://graph.qq.com/user/get_user_info
?
access_token=0C4FD33E4E958D52A6B4EB2466FE4984
&oauth_consumer_key=101814107
&openid=3847BE0F5841C1C9ED69B7E71F24B72A
然會就會返回用戶信息
這個時候就相當于平常點擊完qq登錄后,我們可以利用這些信息給用戶設置默認信息,
例如:figureurl表示頭像,最后面的數字表示圖片寬高
nickname:可以作為用戶的初始用戶名
城市、出生年都可以作為新用戶的初始信息,這里沒有用戶的qq號。
{"ret": 0,"msg": "","is_lost": 0,"nickname": "qq名稱","gender": "性別","gender_type": 1,"province": "省","city": "城市","year": "出生年","constellation": "","figureurl": "http://qzapp.qlogo.cn/qzapp/101814107/3847BE0F5841C1C9ED69B7E71F24B72A/30","figureurl_1": "http://qzapp.qlogo.cn/qzapp/101814107/3847BE0F5841C1C9ED69B7E71F24B72A/50","figureurl_2": "http://qzapp.qlogo.cn/qzapp/101814107/3847BE0F5841C1C9ED69B7E71F24B72A/100","figureurl_qq_1": "http://thirdqq.qlogo.cn/g?b=oidb&k=7U8C6Hu6jiaAj3vSicqa56wA&s=40&t=1588659967","figureurl_qq_2": "http://thirdqq.qlogo.cn/g?b=oidb&k=7U8C6Hu6jiaAj3vSicqa56wA&s=100&t=1588659967","figureurl_qq": "http://thirdqq.qlogo.cn/g?b=oidb&k=7U8C6Hu6jiaAj3vSicqa56wA&s=640&t=1588659967","figureurl_type": "1","is_yellow_vip": "0","vip": "0","yellow_vip_level": "0","level": "0","is_yellow_year_vip": "0"
}
總結
以上是生活随笔為你收集整理的网站应用接入qq登录,实现免注册原理的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。