Executando o aplicativo do Facebook no localhost

Estou planejando me conectar ao bate-papo do Facebook de meu host local. Precisarei obter a chave de sessão do Facebook. Quando eu dou a URL do site como localhost:8080ou ip-address:8080não funciona.

Eu li sobre como configurar dois aplicativos com 2 chaves de API diferentes, um executado em dev m / ce outro em localhost, mas não entendi direito.

Alguém pode explicar como executar um aplicativo do Facebook no localhost?

Escrevi um tutorial sobre isso há um tempo.

O ponto mais importante é o "URL do site":

URL do site: http: // localhost / app_name /

Onde a estrutura da pasta é algo como:

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

EDIT:
Kavya : como o servidor FB reconhece meu host local mesmo sem um IP ou porta ??

Não acho que isso tenha algo a ver com o Facebook, acho que, como o srcparâmetro iframe é carregado do lado do cliente, ele tratará o URL local como se você o colocasse diretamente no navegador.

Por exemplo, tenha um arquivo em seu servidor online com conteúdo (por exemplo online.php):

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

E no diretório raiz do seu host local, tenha o arquivo test.php:

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

Agora visite http://your_domain.com/online.phpvocê verá o conteúdo do seu arquivo localhost!

É por isso que assinaturas em tempo real e desautorizar callbacks (só para mencionar) não funcionam com URLs de host local! porque o Facebook fará ping (enviará solicitações http) para essas URLs, mas obviamente o servidor do Facebook não traduzirá essas URLs para as suas!

se você usar localhost:

no Facebook -> Configurações -> Básico, no campo "Domínios de aplicativos" escreva "localhost", clique em "+ Adicionar plataforma" e escolha "Site",

ele irá criar dois campos "URL do site móvel" e "URL do site", em "URL do site" escreva novamente "localhost".

funciona para mim.

Você também pode editar o arquivo 'hosts' e criar uma variação local do seu domínio.

Exemplo

Se o endereço real do seu aplicativo do Facebook for "example.com", você pode criar o domínio "localhost.example.com" (acessível apenas do seu pc) no arquivo "hosts" apontando para "localhost" e executar seu site local sob este domínio. Você pode enganar o Facebook dessa forma.

Nas configurações básicas do seu aplicativo ( https://developers.facebook.com/apps ) em Configurações-> Básico-> Selecione como seu aplicativo se integra ao Facebook ...

Use "URL do site:" e "URL do site móvel:" para armazenar seus URLs de produção e desenvolvimento. Ambos os sites terão permissão para autenticar. Estou usando o Facebook apenas para autenticação, então não preciso de nenhum dos recursos de redirecionamento de site móvel. Eu geralmente altero o "URL do site móvel:" para meu site "localhost: 12345" enquanto estou testando a autenticação e, em seguida, coloco-o de volta ao normal quando terminar.

2013 agosto. O Facebook não permite definir domínio com porta para um aplicativo, como por exemplo "localhost: 3000".

Portanto, você pode usar https://pagekite.net para criar um túnel localhost:portpara o domínio adequado.

Os desenvolvedores Rails podem usar http://progrium.com/localtunnel/ gratuitamente.

• O Facebook permite apenas um domínio para o aplicativo no momento. Se você está tentando adicionar outro, como localhost, irá mostrar algum tipo de erro diferente sobre o domínio. Certifique-se de usar apenas um domínio para retorno de chamada e para configuração de domínio de aplicativo no momento.

Então, eu fiz isso funcionar hoje. Meu URL é http://localhost:8888. O domínio que dei ao Facebook é localhost. Achei que não estava funcionando porque estava tentando extrair dados usando o FB.apimétodo. Continuei recebendo um nome "indefinido" e uma imagem sem fonte, então definitivamente não tive acesso ao Graph.

Mais tarde, percebi que meu problema era realmente que eu estava apenas passando um primeiro argumento de /mepara FB.apie não tinha um token. Portanto, você precisará usar a FB.getLoginStatusfunção para obter um token, que deve ser adicionado ao /meargumento.

apenas especifique o URL da tela como http: // localhost / app_path .

Ok, não tenho certeza do que está acontecendo com essas respostas, mas direi o que funcionou para mim, conforme recomendado por um desenvolvedor sênior em meu trabalho. Estou trabalhando em Ruby on Rails e usando o código JavaScript do Facebook para obter tokens de acesso.

Problema: para fazer a autenticação, o Facebook está pegando o url da sua barra de endereços e comparando com o que eles têm em arquivo. Eles não permitem que você use localhost:3000por qualquer motivo. No entanto, você pode usar um nome de domínio completamente inventado, como yoursite.devrodar um servidor local e apontar yoursite.devpara 127.0.0.1:3000ou para onde seu host local estiver apontando.

Etapa 1 : instalar ou atualizar o Nginx

$ brew install nginx(instalar) ou $ brew upgrade nginx(atualizar)

Etapa 2 : Abra seu arquivo de configuração nginx

/usr/local/etc/nginx/nginx.conf (geralmente aqui)

/opt/boxen/config/nginx/nginx.conf(se você usar o Boxen)

Etapa 3 Adicione este pedaço de código em seu http {}bloco

Substitua proxy_passpor qualquer lugar para o qual você deseja apontar yoursite.dev. No meu caso, ele estava substituindo localhost: 3000 ou equivalente127.0.0.1:3000

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

Etapa 4 : edite seu arquivo hosts, no /etc/hostsMac para incluir

127.0.0.1   yoursite.dev

Este arquivo direciona domínios para localhost. O Nginx escuta no localhost e redireciona se corresponder a uma regra.

Etapa 5 : toda vez que você usar seu ambiente de desenvolvimento, use o yoursite.devna barra de endereço em vez de localhost:3000para que o Facebook faça seu login corretamente.

Forward é uma ótima ferramenta para ajudar no desenvolvimento de aplicativos do Facebook localmente, ele suporta SSL, então a coisa certa não é um problema.

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

AVISO LEGAL: Eu sou um dos desenvolvedores

Você precisa configurar seu aplicativo para rodar em https para localhost

Você pode seguir as etapas fornecidas neste para configurar o HTTPS no ubuntu

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

Você precisa seguir as seguintes etapas:

instale o apache (se você não tiver)

sudo apt-get install apache2

Etapa um - ativar o módulo SSL

sudo a2enmod ssl
sudo service apache2 restart

Etapa dois - criar um novo diretório

sudo mkdir /etc/apache2/ssl

Etapa três - criar um certificado SSL autoassinado

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

Com esse comando, estaremos criando o certificado SSL autoassinado e a chave do servidor que o protege, e os colocaremos no novo diretório. A linha mais importante é "Nome comum". Digite seu nome de domínio oficial aqui ou, se ainda não tiver um, o endereço IP do seu site.

Nome comum (por exemplo, FQDN do servidor ou SEU nome) []: exemplo.com ou localhost

Etapa quatro - configurar o certificado

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

Encontre as linhas a seguir e edite-as com suas configurações

Nome do servidor localhost ou exemplo.com

SSLEngine em SSLCertificateFile /etc/apache2/ssl/apache.crt

SSLCertificateKeyFile /etc/apache2/ssl/apache.key

Etapa cinco - ativar o novo host virtual

sudo a2ensite default-ssl
sudo service apache2 reload

Um truque:

Use MAMPPRO e crie: nome do servidor: o endereço EXATO do seu site (por exemplo: helloworld.com) para o seu site em seu disco

No Facebook: para que você também possa manter o URL original do seu site (por exemplo: helloworld.com)

Agora você entende que quando você digita seu site na barra de endereços você está no local ! ..e quando quiser ficar online, basta inativar o servidor no MAMP PRO ..

:)

Nenhuma das respostas acima funcionou para mim. Estou executando o FB API 2.5. O meu foi uma combinação de problemas que levam ao sucesso, uma vez resolvidos

1. Crie um aplicativo de teste para garantir que ele seja mantido e gerenciado como tal e pode ser desativado ao entrar em operação
2. Leia a mensagem de erro corretamente :) - Tive de habilitar "Login OAuth da Web" COM "Login OAuth do cliente"
3. Use https://www.whatismyip.com/ para descobrir qual é meu IP atual
4. Crie um registro A em meu domínio, ou seja, http://localhost.mydomain.com que aponte para meu IP atual

Provavelmente não é o ideal, pois o IP dinâmico muda e pode-se provavelmente usar DynDNS ou algo semelhante para tornar o IP mais "estático", mas funcionou para mim

No meu caso, o problema revelou ser o cromo bloqueando a solicitação CORS de localhost: 4200 para o site da API do Facebook. Executar o Chrome com esta configuração: "YOUR_PATH_TO_CHROME \ Google \ Chrome \ Application \ chrome.exe" --disable-web-security --user-data-dir = "c: / chrome funcionou perfeitamente durante o desenvolvimento. Mesmo sem localhost adicionado às configurações do aplicativo do Facebook.