web項目使用第三方登入之QQ登入

檢視官方文檔 http://wiki.connect.qq.com/%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C_oauth2-0  與http://wiki.connect.qq.com/%E5%BC%80%E5%8F%91%E6%94%BB%E7%95%A5_server-side   兩者互相借鑒,

對于網站接入,以下官方文檔是一個大坑,起碼對于現在的我來說是個大坑. 使用以下sdk  會出現跳轉回調域後不能執行登入成功後的代碼的問題!

在登入頁:

<script type="text/javascript" charset="utf-8"
        src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"
        data-appid="*******"
        data-redirecturi="回調域位址"
></script>
<script type="text/javascript">
    function qqLogin() {
        QC.Login.showPopup({
            appId: "******",
            redirectURI: "回調域位址"
        });
    }
</script>
<img id="loginStart" class="QQ" src="img/QQ%20beiyong.png" title="QQ登入" alt=""
     onclick="qqLogin()">
 
           

在回調域頁面:

<script type="text/javascript" charset="utf-8"
            src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"
            data-appid="******"
            data-redirecturi="http://回調域位址"
    ></script>

 <script type="text/javascript">
        QC.api("get_user_info", paras)
            .success(function(s){//成功回調
                QC.Login.getMe(function(openId, accessToken){
                    
                });

                })
            .error(function(f){//失敗回調
                alert("擷取使用者資訊失敗！");
            })
            .complete(function(c){//完成請求回調
                console.log("擷取使用者資訊完成！");
            });
    </script>