Comment tester open graph sur localhost

Question

J'ai fait beaucoup de recherches et n'ai pas trouvé de réponse définitive à cela. Y a-t-il un moyen de tester l'open graph en localhost? Je n'ai aucun problème à utiliser l'API graphique en localhost.

J'ai changé l'URL de mon site web dans les paramètres de l'application et j'ai même essayé de configurer un domaine dans mon fichier hosts, mais le linter du débogueur pour l'open graph essaie d'utiliser le domaine réel au lieu de mon localhost et lorsque j'utilise directement locahost, le linter échoue complètement à se connecter.

Est-ce que quelqu'un a des solutions de contournement pour cela?

Answer 1

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

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

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

Answer 2

Si quelqu'un cherche à prévisualiser les balises :og tout en développant sur des sous-domaines (en utilisant lvh.me) en localhost. Vous pouvez utiliser https://serveo.net. Simplement utilisez la commande suivante pour rediriger les demandes de votre serveur local. Aucune installation n'est requise.

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

vous pouvez mettre le port désiré à la place de 3000.

Référence : https://blog.aarvy.me/2019/09/20/expose-local-apps-having-subdomains-to-web/

Answer 3

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 rediriger votre port 80.

Answer 4

J'utilise un outil gratuit appelé ProxyLocal qui rend mon serveur local accessible par le public.

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

Answer 5

Je sais que ce n'est pas une option pour tout le monde, mais si vous utilisez Netlify, leur prévisualisation de déploiement fonctionne parfaitement pour ce test