我正在用 js 创建一个小部件，它将在许多网站上实现，
Facebook 要求我向他们提供“我的域名”，以便他们知道我已通过验证。
问题是该小部件将被许多网站使用，我不会将所有这些域手动列出到 Facebook。
如何使我的应用程序仅使用 js 在那些不同的网站上运行？ （用于小部件）
提前致谢。
【问题讨论】：
标签： facebook cross-domain facebook-apps facebook-app-requests
您的小部件可能需要在托管在您自己的域上的 iFrame 中加载其 FB 代码。然后，您需要使用一些跨域/跨 iframe JS hack 来让您的系统与使用它的页面进行通信。 （这是一个很好的资源……http://softwareas.com/cross-domain-communication-with-iframes）这绝对是一种痛苦，但这是我能想到的唯一方法来做你想做的事情。目前可能有一些很好的 JS 库可以让这更容易，但我没有立即意识到。
另一种选择是创建一堆 Facebook 应用程序，每个应用程序都属于不同的域。这也会在维护方面带来一些痛苦，但它会简化您需要编写的 JS 代码。这种方法在稳健性方面有一些好处——如果使用您的小部件的网站之一出现恶意并因任何原因被禁止应用程序，您的其他客户端网站将不会受到影响。
Facebook之前提供了一个“克隆应用”的工具，但是现在找不到了。
【讨论】：
我使用 ajax 来做类似的事情。我 ajax 到一个 php 页面，并使用 php sdk 处理所有请求。跨域就好了。
示例：应请求在 facebook 上更新的最新专辑，并在 facebook 上显示链接到该专辑的封面照片。
<div id="pagealbums"></div>
<script>
function showAlbums(){
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttpA=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttpA=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttpA.onreadystatechange=function()
{
if (xmlhttpA.readyState==4 && xmlhttpA.status==200)
{
document.getElementById("pagealbums").innerHTML=xmlhttpA.responseText;
}
};
xmlhttpA.open("GET","http://anotherfeed.com/feed.albums.php?pageid=facebook&type=list",true);
xmlhttpA.send();
}
showAlbums();
</script>
【讨论】：