在本地主机上运行 Facebook 应用程序

Question

我计划从我的本地主机连接到 Facebook 聊天。我需要从 Facebook 获取会话密钥。当我将站点 URL 指定为 localhost:8080 或 ip-address:8080 时，它不起作用。

我读到关于设置两个具有 2 个不同 API 密钥的应用程序，一个在 dev m/c 上运行，另一个在 localhost 上运行，但我不太明白。

谁能解释如何在本地主机上运行 Facebook 应用程序？

Answer 1

我不久前写了一篇关于此的教程。

最重要的一点是“站点 URL”：

站点 URL： http://localhost/app_name/

其中文件夹结构类似于：

app_name
¦   index.php
¦
+---canvas
¦   ¦   index.php
¦   ¦
¦   +---css
¦           main.css
¦           reset.css
¦
+---src
        facebook.php
        fb_ca_chain_bundle.crt

编辑：
Kavya：即使没有 IP 或端口，FB 服务器如何识别我的本地主机？

我认为这与Facebook，我猜想，由于 iframe src 参数是从客户端加载的，因此它会将您的本地 URL 视为直接将其放入浏览器中。

例如，在您的在线服务器上有一个包含内容的文件（例如 online.php）：

<iframe src="http://localhost/test.php" width="100%" height="100%">
    <p>Not supported!</p>
</iframe>

在您的本地主机根目录上，有一个文件 test.php：

<?php echo "Hello from Localhost!"; ?>

现在访问 http://your_domain.com/online.php 您将看到本地主机文件的内容！

这就是为什么实时订阅和取消授权回调（仅提及）无法与本地主机 URL 一起使用！因为 Facebook 会 ping（发送 http 请求）到这些 URL，但显然 Facebook 服务器不会将这些 URL 转换为您的 URL！

Answer 2

如果您使用 localhost：

在 Facebook--> 设置--> 基本，
在“应用程序域”字段中写入“localhost”，
然后点击“+添加平台”选择“网站”，

它将创建两个字段“移动网站 URL”和“网站 URL”，
在“站点 URL”中再次写入“localhost”。

对我有用。

Answer 3

您还可以编辑“hosts”文件并创建域的本地变体。

示例

如果您真实的 facebook 应用程序地址是“example.com”，您可以在指向“localhost”的“hosts”文件中创建“localhost.example.com”（只能从您的电脑访问）域，并在此域下运行您的本地网站。
你可以用这种方法欺骗Facebook。

Answer 4

在应用的基本设置中 (https://developers.facebook.com/apps)
在“设置”->“基本”->选择您的应用程序与 Facebook 集成的方式...

使用“站点 URL：”和“移动站点 URL：”来保存您的生产和开发 URL。两个站点都将被允许进行身份验证。我只是使用 Facebook 进行身份验证，因此不需要任何移动站点重定向功能。我通常在测试身份验证时将“移动站点 URL：”更改为“localhost：12345”站点，然后在完成后将其设置回正常状态。

Answer 5

2013年8月。
Facebook 不允许为应用程序设置带有端口的域，例如“localhost:3000”。

因此，您可以使用 https://pagekite.net 将您的 localhost:port 隧道连接到正确的域。

Rails 开发人员可以免费使用 http://progrium.com/localtunnel/。

• Facebook 当时只允许 App 使用一个域名。如果您尝试添加另一个，作为本地主机，它将显示某种有关域的不同错误。请确保当时仅使用一个域进行回调和应用程序域设置。

Answer 6

所以我今天就开始工作了。我的 URL 是 http://localhost:8888。我给 facebook 的域名是 localhost。我认为它不起作用，因为我试图使用 FB.api 方法提取数据。我不断获得“未定义”的名称和没有来源的图像，因此绝对无法访问图表。

后来我意识到我的问题实际上是我只将 /me 的第一个参数传递给 FB.api，并且我没有令牌。因此，您需要使用 FB.getLoginStatus 函数来获取令牌，该令牌应添加到 /me 参数中。

Answer 7

只需将画布 URL 指定为 http://localhost/app_path 即可。

Answer 8

好吧，我不确定这些答案是怎么回事，但我会让你知道什么对我有用，这是我工作中的高级开发人员建议的。我正在使用 Ruby on Rails 工作并使用 Facebook 的 JavaScript 代码来获取访问令牌。

问题：为了进行身份验证，Facebook 会从您的地址栏中获取 URL，并将其与他们存档的内容进行比较。无论出于何种原因，他们都不允许您使用localhost:3000。但是，您可以通过运行本地服务器并将 yoursite.dev 指向 127.0.0.1:3000< 来使用完全虚构的域名，例如 yoursite.dev /code> 或您的本地主机指向的任何地方。

第 1 步：安装或更新 Nginx

$brew install nginx（安装）或 $brew Upgrade nginx（更新）

第 2 步：打开你的nginx配置文件

/usr/local/etc/nginx/nginx.conf（通常在这里）

/opt/boxen/config/nginx/nginx.conf >（如果您使用 Boxen）

步骤3 将此代码添加到您的 http {} 块中，

将 proxy_pass 替换为您想要指向 yoursite.dev 的位置。就我而言，它正在替换 localhost:3000 或等效的 127.0.0.1:3000

server {
  listen       yoursite.dev:80;
  server_name  yoursite.dev;
  location / {
    proxy_pass http://127.0.0.1:3000;
  }
}

第 4 步：编辑 /etc/hosts 在 Mac 上包含

127.0.0.1   yoursite.dev

此文件将域定向到本地主机。 Nginx 监听本地主机并在匹配规则时进行重定向。

第 5 步：以后每次使用开发环境时，请在地址栏中使用 yoursite.dev 而不是 localhost:3000，这样Facebook 使您正确登录。

Answer 9

Forward 是一个很好的工具，可以帮助本地开发 facebook 应用程序，它支持 SSL，所以证书不是问题。

https://forwardhq.com/in-use/facebook

免责声明：我是其中之一开发者

Answer 10

您需要将应用程序设置为在 localhost 上通过 https 运行

您可以按照本文中给出的步骤在 ubuntu 上设置 HTTPS

https://www.digitalocean.com/community/articles/how-to-create-a-ssl-certificate-on-apache-for-ubuntu-12-04

您需要执行以下步骤：

安装 apache（如果没有）

sudo apt-get install apache2

第一步 - 激活 SSL 模块

sudo a2enmod ssl
sudo service apache2 restart

第二步 - 创建新目录

sudo mkdir /etc/apache2/ssl

第三步——创建自签名 SSL 证书

sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout /etc/apache/ssl/apache.key -out /etc/apache2/ssl/apache.crt

使用此命令，我们将创建自签名 SSL 证书和保护它的服务器密钥，并将它们都放入新目录中。
最重要的一行是“Common Name”。在此输入您的官方域名，如果您还没有，请输入您网站的 IP 地址。

通用名称（例如服务器 FQDN 或您的名称）[]:example.com 或
本地主机

第四步 - 设置证书

sudo vim /etc/apache2/sites-available/default-ssl

找到以下行并使用您的设置进行编辑

服务器名称 localhost 或 example.com

SSLCertificateFile /etc/apache2/ssl/apache.crt 上的 SSLEngine

SSLCertificateKeyFile /etc/apache2/ssl/apache.key

第五步 — 激活新虚拟主机

sudo a2ensite default-ssl
sudo service apache2 reload

Answer 11

技巧：

使用 MAMPPRO 并创建：
服务器名称：您网站的确切地址（例如：helloworld.com）
到您磁盘上的网站

在 Facebook 上：
因此，您也可以保留原来的网站 URL（例如：helloworld.com）

现在您明白了，当您在地址栏上键入您的网站时，您就位于本地！
..当您想上网时，只需停用 MAMP PRO 上的服务器即可..

:)

Answer 12

上面的答案都不适合我。我正在 FB API 2.5 上运行。我的问题是一系列问题的组合，一旦解决，就会取得成功

1. 创建一个测试应用程序，以确保它的维护和管理
   这样并且可以在上线时禁用
2. 正确阅读错误消息:) - 我必须启用“Web OAuth Login”与“Client OAuth Login”
3. 使用 https://www.whatismyip.com/ 了解我的
   当前 IP 是
4. 在我的域上创建 A 记录，即
   http://localhost.mydomain.com 指向我当前的 IP

这可能并不理想，因为动态 IP 的更改和一个可能可以使用 DynDNS 或类似的东西来使 IP 更加“静态”，但它对我有用

Answer 13

就我而言，问题是 chrome 阻止了从 localhost:4200 到 facebook api 网站的 CORS 请求。
使用以下设置运行 Chrome：“YOUR_PATH_TO_CHROME\Google\Chrome\Application\chrome.exe” --disable-web-security --user-data-dir="c:/chrome
在开发过程中发挥了魅力。即使没有将 localhost 添加到 Facebook 应用程序的设置中。