1

我刚刚开始使用 Gigya 来允许用户连接到我的网站。我已经有一个登录系统，所以我只想将现有用户连接到 Gigya 服务。

为此，我调用了“gigya.services.socialize.notifyLogin”函数，该函数返回一个 Gigya 用户对象，该对象具有我的站点提供的 UID。[图 1] 我是否需要对这个 User 对象做任何事情，比如将其添加到 cookie 中，还是仅供参考。

我遇到的问题在另一个页面上，我想允许用户连接到他们的社交媒体帐户。我使用“showAddConnectionsUI”函数传递我的 api 密钥，但返回的对象没有用户对象，尽管文档说它应该。如何从此功能中获取用户连接和关键信息。我是否需要连同我的 api 密钥一起发送任何其他信息。[图2]

我花了几天时间阅读 wiki、文档和论坛以获取建议，但我仍然卡住了。任何帮助将不胜感激。在此先感谢，本

[图。1]

<script type="text/javascript" src="http://cdn.gigya.com/js/socialize.js?apiKey=<?php echo $key; ?>"></script>
<script type="text/javascript">
    var gigyaConf = { APIKey: "<?php echo $key; ?>", signIDs: "true" }

    var signature = "<?php echo $signature; ?>";
    var siteUID   = "<?php echo $userId; ?>";
    var timestamp = "<?php echo $timestamp; ?>";

    var gigyaParams =
    {
        siteUID:siteUID,
        timestamp:timestamp,
        signature:signature,
        callback:gigyaNotifyLoginCallback
    };

    gigya.services.socialize.notifyLogin(gigyaConf, gigyaParams);

    function gigyaNotifyLoginCallback(eventObj) {
        if ( eventObj.errorCode != 0 ) {
            alert('Gigya Error: ' + eventObj.errorMessage);
        }
    }
</script>

[图2]

<script type="text/javascript" lang="javascript" src="http://cdn.gigya.com/JS/socialize.js?apikey=<?php echo $key; ?>"></script>
<script>
    var conf = { APIKey: '<?php echo $key; ?>', signIDs: 'true' };

    $(document).ready(function(){
        gigya.services.socialize.getUserInfo(conf, { callback: renderUI });

        gigya.services.socialize.addEventHandlers(conf,
        {
            onConnectionAdded: renderUI,
            onConnectionRemoved: renderUI
        });
    });
</script>

<script>
    function renderUI(res) {
        if (res.user != null && res.user.isConnected) {
            document.getElementById("name").innerHTML = res.user.nickname;
            if (res.user.thumbnailURL.length > 0)
                document.getElementById("photo").src = res.user.thumbnailURL;
            else
                document.getElementById("photo").src = "http://cdn.gigya.com/site/images/bsAPI/Placeholder.gif";
            document.getElementById("profile").style.display = "block";
        } else {
            document.getElementById("profile").style.display = "none";
        }
    }
</script>
<div id="content">
    <h5>Step 1: Connect</h5>
    <div id="divConnect"></div>
    <script type="text/javascript">
        gigya.services.socialize.showAddConnectionsUI(conf, {
            height:65,
            width:175,
            showTermsLink:false,
            hideGigyaLink:true,
            useHTML:true,
            containerID: "divConnect"
        });
    </script>
    <br />
    <h5>Step 2: See User Info</h5><br />
    <div id=profile style="display:none;">
        <img id="photo" src="" width="60" />
        <br />
        <span id="name" ></span>
    </div>
</div>

任何有帮助的帮助、建议、代码片段将不胜感激

4

1 回答 1

2

回复：你的第一个问题，不需要对 Gigya User 对象做任何特别的事情。供你参考。

回复：您的代码，我不知道您是否使用 JQuery，但您的 $(document).ready 函数出现错误。我通过添加 body onLoad 稍微修改了您的代码，一切正常。这假设您已与提供商建立联系。这是我的代码......希望它有所帮助：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" lang="javascript" src="http://cdn.gigya.com/JS/socialize.js?apikey=<?php echo $key; ?>"></script>
<script>

    var conf = { APIKey: '<?php echo $key; ?>', signIDs: 'true' };

    function onLoad() {

        gigya.services.socialize.getUserInfo(conf, { callback: renderUI });

        gigya.services.socialize.addEventHandlers(conf,
        {
            onConnectionAdded: renderUI,
            onConnectionRemoved: renderUI
        });
    }

</script>

<script>
    function renderUI(res) {

        if (res.user != null && res.user.isConnected) {
            document.getElementById("name").innerHTML = res.user.nickname;
            if (res.user.thumbnailURL.length > 0)
                document.getElementById("photo").src = res.user.thumbnailURL;
            else
                document.getElementById("photo").src = "http://cdn.gigya.com/site/images/bsAPI/Placeholder.gif";
            document.getElementById("profile").style.display = "block";
        } else {
            document.getElementById("profile").style.display = "none";
        }
    }
</script>


<body onload="onLoad()">

<div id="content">
    <h5>Step 1: Connect</h5>
    <div id="divConnect"></div>
    <script type="text/javascript">
        gigya.services.socialize.showAddConnectionsUI(conf, {
            height:65,
            width:175,
            showTermsLink:false,
            hideGigyaLink:true,
            useHTML:true,
            containerID: "divConnect"
        });
    </script>
    <br />
    <h5>Step 2: See User Info</h5><br />
    <div id=profile style="display:none;">
        <img id="photo" src="" width="60" />
        <br />
        <span id="name" ></span>
    </div>
</div>

</body>
</html>
于 2010-12-02T18:59:23.627 回答