it-swarm-pt.tech

como testar o gráfico aberto no localhost

Pesquisei bastante e não encontrei uma resposta definitiva para isso. Existe alguma maneira de testar o gráfico aberto no localhost? Não tenho nenhum problema ao usar a API do gráfico no locahost.

Alterei o URL do site nas configurações do aplicativo e até tentei configurar um domínio no arquivo hosts, mas o depurador do gráfico aberto tenta usar o domínio real em vez do meu localhost e, ao usar o locahost diretamente, o linter falha completamente na conexão .

Alguém tem alguma solução alternativa para isso?

62
DavidB

Usar um proxy local é a solução certa. ngrok também não funcionou para mim.

Uma ferramenta semelhante que funcionou com o depurador do facebook é localtunnel

npm install -g localtunnel
lt --port 8000

Gera um URL parecido com https://<random_hash>.localtunnel.me/. O uso desse URL no depurador de gráfico aberto do facebook funcionou para mim a partir de 18 de outubro de 2017. Eu só precisei pressionar para buscar o novo botão de informações de raspar . ????

O legal do localtunnel é que você pode hospedar facilmente seu próprio servidor local com github.com/localtunnel/server , portanto, se ele parar de trabalhar com localtunnel.me, você pode executar o seu próprio em algum lugar na nuvem

32
GabLeRoux

Você pode usar ngrok para criar um subdomínio público aleatório que roteia para o servidor da web local com muita facilidade, mesmo através de NAT ou firewalls.

Faça o download do ngrok e execute ./ngrok http 8080 (assumindo que 8080 é a porta http do servidor da web local).

Isso criará um subdomínio aleatório como http://38a84a97.ngrok.io/ que roteia para o servidor da web local e que você pode usar com o Facebook para testar suas tags de gráfico aberto.

26
Iwazaru

Para testar o gráfico aberto (e cartões do Twitter), também tive que expor o host local (Docker) ao Facebook e Twitter. Eu usei Serveo

Funciona muito bem para isso, não é necessário instalar nada, pois funciona com o encaminhamento de porta ssh.

$ ssh -R 80:localhost:3000 serveo.net

Em seguida, navegue até o URL fornecido e pronto.

2
Jesse

É muito simples testar o Open Graph em qualquer ambiente local usando Chrome que você usará se tiver um host local. Eu usei isso para mostrar rapidamente em chrome = como o Open Graph olha para o espectador para testar os resultados. Aqui está uma citação do que ele faz.

Esta extensão mostra como as pessoas verão seu site nas redes sociais mais populares. Esta extensão é para profissionais que criam um conteúdo de mídia.

Para verificar as meta-informações do seu site ou artigo, basta abri-lo em um Chrome e clicar no ícone da extensão. Além disso, você pode adicionar um URL manualmente.

Aqui está um link direto para o plugin

1
Biged

Você precisa configurar um domínio público que aponte para o seu endereço IP público. Use dynes.org ou um serviço similar e configure seu roteador para encaminhar sua porta 80.

1
Stephan Alber

Existem várias ferramentas que você pode usar para fornecer algo sobre o host local, cada uma com diferentes graus de funcionalidade.

Eu prefiro (obviamente) http://forwardhq.com

Outras ótimas opções aqui: http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

1
Josiah

Se alguém estiver olhando para visualizar o :og tags ativadas durante o desenvolvimento em subdomínios (usando lvh.me) no host local. Você pode usar https://serveo.net . Basta usar o seguinte comando para encaminhar suas solicitações do servidor local. Nenhuma instalação é necessária.

ssh -R yoursubdomain.serveo.net:80:yoursubdomain.lvh.me:3000 serveo.net

você pode colocar a porta desejada no lugar de 3000.

1
Rajan Verma

Eu uso uma ferramenta gratuita chamada ProxyLocal que torna meu servidor local acessível ao público.

Confira este guia para outras alternativas de proxy http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

1
Jhony Fung