微博第三方登錄及授權(quán)
注冊申請appkey
1.打開微博開發(fā)者平臺http://open.weibo.com/development
2.點擊創(chuàng)建微鏈接
3.選擇類型(選擇網(wǎng)站接入)
4.填寫各項信息挽拔，并把對應的meta復制并放在html的head內(nèi)(一定要綁定域名并設置回調(diào)地址)
<meta property="wb:webmaster" content="xxxxxxx" />
5.在html內(nèi)引入微博api(debug=true是調(diào)試模式，可以返回對應的信息)
<script type="text/javascript" src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=你的appkey&debug=true" charset="utf-8"></script>
編寫js代碼
if(WB2.checkLogin()){//檢查是否已登錄
WB2.logout(function(){//退出登錄方法
//回調(diào)方法
});
}
WB2.login(function(){//登錄授權(quán)
WB2.anyWhere(function(W){
W.parseCMD('/account/get_uid.json',function(oResult1,bStatus){//獲取用戶uid
if(bStatus){
W.parseCMD('/users/show.json',function(oResult2,bStatus){//通過uid獲取用戶信息
if(bStatus){
var args = {
openid:oResult2.id,//獲取用戶openid
access_token:WB2.oauthData.access_token,//獲取用戶access_token
username:oResult2.name,//獲取用戶名
userHeadImg:oResult2.profile_image_url,//獲取用戶微博頭像
}
//然后根據(jù)實際情況進行自己網(wǎng)站的一些認證處理
}
},{uid:oResult1.uid},{method:'get',cache_time:30});
}
},{},{method:'get',cache_time:30});//默認是post請求方法
});
});
QQ第三方登錄及授權(quán)
注冊申請id
1.打開騰訊開放平臺http://open.qq.com/reg
2.填寫各項信息獲得appid和appkey
3.引入js文件
<script id="qq" type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="你自己的appid" charset="utf-8"></script>
編寫js代碼
if(QC.Login.check()){//檢查是否已登錄
QC.Login.signOut();退出登錄
}
QC.login({
btnId:"",//插入按鈕的節(jié)點id但校，必選,可為空字符串
scope:"all",//用戶需要確認的scope授權(quán)項螃诅，可選，默認all
size: "A_XL"http://按鈕尺寸，可用值[A_XL| A_L| A_M| A_S| B_M| B_S| C_S]术裸，可選倘是，默認B_S
},function(reqData,opts){
//登錄成功回調(diào)方法
QC.Login.getMe(function(openId,accessToken){
var args = {
openid:openId,
userHeadImg:reqData.figureurl_qq_2,
access_token:accessToken,
};
});
QC.api('get_user_info',{}).success(function(userdata){
//可以獲得用戶的各種相關(guān)信息，如用戶昵稱
var username = userdata.data.nickname;
});
},function(opts){
//注銷成功回調(diào)方法
});
微信第三方登錄及授權(quán)
注冊申請id
1.打開微信開放平臺https://open.weixin.qq.com/cgi-bin/frame?t=home/web_tmpl&lang=zh_CN
2.填寫各項信息并獲得appid
3.由于微信是需要用手機掃二維碼登錄的袭艺，所以可以通過直接打開新窗口的方式來讓用戶去掃碼登錄搀崭，因此無需引用js相關(guān)文件
編寫js代碼
var path = 'http://www.xxxx.com';//登錄后回調(diào)的地址
var appid = 'xxxxxxxxx';//注冊申請的appid
window.open('https://open.weixin.qq.com/connect/qrconnect?appid='+appid+'&redirect_uri=path&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect');//代開二維碼頁面，掃碼成功后會回調(diào)到path地址
//然后可以通過地址欄得到code參數(shù)的值猾编，可以通過code值來根據(jù)需要進行進一步的操作