comment tester le graphique ouvert sur localhost

J’ai fait beaucoup de recherches et je n’ai pas trouvé de réponse définitive à cela. Y a-t-il un moyen de tester le graphe ouvert sur localhost? Je n’ai aucun problème en utilisant le graphique api sur locahost.

J’ai changé l’adresse URL de mon site Web dans les parameters de l’application et j’ai même essayé de configurer un domaine dans mon fichier hosts .

Est-ce que quelqu’un a des solutions pour cela?

Vous pouvez utiliser ngrok pour créer un sous-domaine public aléatoire qui achemine très facilement vers votre serveur Web local, même via un NAT ou des pare-feu.

Téléchargez simplement ngrok et lancez ./ngrok http 8080 (en supposant que 8080 est le port http de votre serveur Web local).

Cela créera un sous-domaine aléatoire, tel que http://38a84a97.ngrok.io/, qui achemine vers votre serveur Web local et que vous pouvez utiliser avec Facebook pour tester vos balises graphiques ouvertes.

L’utilisation d’un proxy local est la bonne solution. ngrok n’a pas fonctionné pour moi non plus.

Un outil similaire qui a fonctionné avec le débogueur de facebook est localtunnel

 npm install -g localtunnel lt --port 8000 

Génère une URL qui ressemble à https://.localtunnel.me/ . En utilisant cette URL dans facebook, le débogueur de graphes ouverts a fonctionné pour moi à partir du 18 octobre 2017. Je n’ai eu qu’à appuyer sur le bouton Fetch pour obtenir des informations sur le raclage . 🍻

Ce qui est génial avec localtunnel, c’est que vous pouvez facilement héberger votre propre serveur local avec github.com/localtunnel/server, donc s’il arrête de travailler avec localtunnel.me , vous pouvez lancer votre propre quelque part dans le cloud cloud

J’utilise un outil gratuit appelé ProxyLocal qui rend mon serveur local accessible au public.

Consultez ce guide pour d’autres alternatives de proxy http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

Vous devez configurer un domaine public qui pointe vers votre adresse IP publique. Utilisez dynes.org ou un service similaire et configurez votre routeur pour transférer votre port 80.

Il existe plusieurs outils que vous pouvez utiliser pour servir quelque chose sur votre localhost, chacun avec différents degrés de fonctionnalité.

Je préfère (évidemment) http://forwardhq.com

Autres excellentes options ici: http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

Pour tester les graphiques ouverts (et les cartes Twitter), j’ai également dû exposer localhost (Docker) à FB / Twitter. J’ai utilisé Serveo https://www.serveo.net

Cela fonctionne très bien pour cela. Vous n’avez même pas besoin d’installer quoi que ce soit.

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

Puis naviguez jusqu’à l’URL donnée, et voilà.

Il est très simple de tester Open Graph dans n’importe quel environnement local en utilisant Chrome que vous utiliserez si vous avez un localhost. Je l’ai utilisé pour montrer rapidement en chrome comment Open Graph regarde le spectateur pour tester les résultats. Voici une citation de ce qu’il fait.

Cette extension montre comment les gens verront votre site sur les réseaux sociaux les plus populaires. Cette extension est destinée aux professionnels qui créent un contenu multimédia.

Pour vérifier les méta-informations de votre site ou de votre article, ouvrez-le simplement dans l’icône Chrome et cliquez sur l’extension. Vous pouvez également append une URL manuellement.

Voici un lien direct vers le plugin