facebook - 我可以使用 Facebook 的 fb :friend-selector in an iframe?

Question

我正在尝试使用 Facebook 的 fb:friend-selector FBML 标签，但我的应用程序在 iframe 中运行。是否可以在 iframe 中使用此标记？如果是这样，有人有任何例子吗？

Answer 1

是的，这绝对是可能的，但你必须使用Facebook Connect和 XFBML .具体来说，您想使用 fb:serverfbml标签让 fb:friend-selector 工作。我有一个 iframe 应用程序，我在标准的“邀请 friend 使用您的应用程序”上下文中使用了所有这些和 fb:friend-selector，并且效果很好。

这是我的模板文件的主体，它在我的 iframe 主体内获取输出:

<fb:serverfbml style="width: 650px;"> 
<script type="text/fbml">
    <fb:fbml> 
        <fb:request-form
            action="http://example.com/invite/sent"
            method="POST"
            invite="true"
            type="My App"
            content="Try out my app!
                <fb:req-choice url='http://your-facebook-canvas-url'
                label='<?php echo htmlspecialchars("Accept button text",ENT_QUOTES); ?>'
                /> 
            " > 
            <fb:multi-friend-selector
                showborder="false"
                actiontext="Invite your friends to try My App."
                exclude_ids="<?php echo $excludeIds; ?>"
                rows="3"
            /> 
        </fb:request-form> 
    </fb:fbml>
</script> 
</fb:serverfbml>

在页面的页脚中，我有标准的 Facebook Connect 代码，它将加载和呈现 fb:serverfbml 内容:

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<script type="text/javascript">
    FB_RequireFeatures(
        ["CanvasUtil"],
        function(){
             FB.XdComm.Server.init('/xd_receiver.html');
             FB.CanvasClient.startTimerToSizeToContent();
        }
    );
</script>

<script type="text/javascript">
    FB_RequireFeatures(["XFBML"], function(){ FB.Facebook.init("Your Facebook API Key", "/xd_receiver.html"); });   
</script>

这应该就是您所需要的(当然，在适用的情况下填写您自己的选项)。您必须设置 Facebook Connect 才能使用跨域接收方文件。我建议遵循 rendering XFBML steps .