經過js sdk 來進行第三方登陸及受權(微博，微信，qq)

微博第三方登陸及受權

註冊申請appkey

1.打開微博開發者平臺http://open.weibo.com/development
2.點擊建立微連接
3.選擇類型(選擇網站接入)
4.填寫各項信息，並把對應的meta複製並放在html的head內(必定要綁定域名並設置回調地址)
<meta property="wb:webmaster" content="xxxxxxx" />
5.在html內引入微博api(debug=true是調試模式，能夠返回對應的信息)
<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(){//退出登陸方法
        //回調方法
    });
}
WB2.login(function(){//登陸受權
    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,//獲取用戶微博頭像
                        }
                        //而後根據實際狀況進行本身網站的一些認證處理
                    }
                },{uid:oResult1.uid},{method:'get',cache_time:30});
            }
        },{},{method:'get',cache_time:30});//默認是post請求方法
    });
});

QQ第三方登陸及受權

註冊申請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:"",//插入按鈕的節點id，必選,可爲空字符串
    scope:"all",//用戶須要確認的scope受權項，可選，默認all
    size: "A_XL"//按鈕尺寸，可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S]，可選，默認B_S
},function(reqData,opts){
    //登陸成功回調方法
    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){
        //能夠得到用戶的各類相關信息，如用戶暱稱
        var username = userdata.data.nickname;
    });
},function(opts){
    //註銷成功回調方法
});

微信第三方登陸及受權

註冊申請id

1.打開微信開放平臺https://open.weixin.qq.com/cgi-bin/frame?t=home/web_tmpl&lang=zh_CN
2.填寫各項信息並得到appid
3.因爲微信是須要用手機掃二維碼登陸的，因此能夠經過直接打開新窗口的方式來讓用戶去掃碼登陸，所以無需引用js相關文件

編寫js代碼

var path = 'http://www.xxxx.com';//登陸後回調的地址
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');//代開二維碼頁面，掃碼成功後會回調到path地址
//而後能夠經過地址欄獲得code參數的值，能夠經過code值來根據須要進行進一步的操做