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. Est-il possible de tester le graphique ouvert sur localhost? Je n'ai aucun problème avec l'api du graphique sur locahost.
J'ai modifié 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 d'hôtes, mais le débogueur linter pour le graphique ouvert essaie d'utiliser le domaine réel au lieu de mon localhost et lorsque vous utilisez locahost directement, le linter échoue complètement à se connecter .
Quelqu'un at-il des solutions de contournement pour cela?
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 Facebook est localtunnel ✅
npm install -g localtunnel
lt --port 8000
Génère une URL qui ressemble à https://<random_hash>.localtunnel.me/. L'utilisation de cette URL dans le débogueur de graphique ouvert de Facebook a fonctionné pour moi à partir du 18 octobre 2017. Je n'ai eu qu'à appuyer sur Récupérer de nouvelles informations de raclage . ????
Ce qui est cool avec localtunnel, c'est que vous pouvez facilement héberger votre propre serveur localtunnel avec github.com/localtunnel/server donc si jamais il cesse de fonctionner avec localtunnel.me, vous pouvez exécuter le vôtre quelque part dans le cloud ⛅
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 NAT ou pare-feu).
Téléchargez simplement ngrok et exécutez ./ngrok http 8080 (en supposant que 8080 est le port http de votre serveur Web local).
Cela créera un sous-domaine aléatoire comme http://38a84a97.ngrok.io/ qui achemine vers votre serveur Web local et que vous pouvez utiliser avec Facebook pour tester vos balises de graphique ouvertes.
Pour tester le graphique ouvert (et les cartes Twitter), j'ai également dû exposer localhost (Docker) à Facebook et Twitter. J'ai utilisé Serveo
Cela fonctionne très bien pour cela, pas besoin d'installer quoi que ce soit car il fonctionne avec la redirection de port ssh.
$ ssh -R 80:localhost:3000 serveo.net
Ensuite, accédez à l'URL donnée, et c'est parti.
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 hôte local. Je l'ai utilisé pour afficher rapidement dans chrome = comment l'Open Graph ressemble à la visionneuse 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 article, ouvrez-le simplement dans un Chrome et cliquez sur l'icône de l'extension. Vous pouvez également ajouter une URL manuellement.
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 hôte local, 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/
Si quelqu'un cherche à prévisualiser le :og balises lors du développement sur des sous-domaines (en utilisant lvh.me) dans localhost. Vous pouvez utiliser https://serveo.net . Utilisez simplement la commande suivante pour transférer vos demandes de serveur local. Aucune installation requise.
ssh -R yoursubdomain.serveo.net:80:yoursubdomain.lvh.me:3000 serveo.net
vous pouvez mettre votre port souhaité à la place de 3000.
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/