使用 Javascript SDK 的 Facebook Canvas 应用程序

Question

希望有人能帮助我。我有一个 Facebook 画布应用程序。我使用此代码来验证

window.fbAsyncInit = function() {
    FB.init({ appId: '123842974364777',
        status: true,
        cookie: true,
        xfbml: true,
        oauth: true});

        this.vars = {
            access_token: '',
            album_id: '',
            items: '',
            user_id: '',
            photo_path: '',
            errorHandler: 'There was a problem posting your picture!<br> Please contact <a href="mailto:[email protected]">[email protected]</a>',
            counter: 1
        }

    authenticate();

    function authenticate() {

        FB.getLoginStatus(function(response) {
            if(response.authResponse) {
                // logged and known to app
                // store access token
                vars.access_token = response.authResponse.accessToken;
                sendUserInformation();
            } else {
                // not logged in or unknow to app
                // prompt user to authorize app
                FB.login(function(response) {
                    if(response.authResponse) {
                        // store access token
                        vars.access_token = response.authResponse.accessToken
                        sendUserInformation();
                    }
                }, {scope: 'email,read_stream,user_birthday,user_photos,publish_stream'});          
            }
        });
    } 

};
(function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol
        + '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
}());

我的问题是，运行此代码不会在 facebook iframe 中显示我的页面。它只保留在网络域中。我需要的是让这个页面显示在 facebook iframe 中。

我需要添加什么才能实现这一点？

任何帮助表示赞赏！

Answer 1

您是否在开发者应用程序中设置了画布网址/安全网址以指向您的画布代码？

这本质上应该指向您的域，例如 http://mydomain.com/mycanvasfolder，其中画布文件夹将具有索引您想要显示的页面。

您应该能够看到一个基本页面，没有任何其他配置或 FB 内容。