wie man ein offenes Diagramm auf localhost testet

Ich habe viel recherchiert und keine endgültige Antwort darauf gefunden. Gibt es überhaupt eine Möglichkeit, das geöffnete Diagramm auf localhost zu testen? Ich habe keine Probleme mit der Grafik-API auf locahost.

Ich habe meine Website-URL in den App-Einstellungen geändert und sogar versucht, eine Domain in meiner Hosts-Datei einzurichten, aber der Debugger-Linter für Open Graph versucht, die tatsächliche Domain anstelle meines Localhost zu verwenden, und wenn Locahost direkt verwendet wird, kann der Linter keine Verbindung herstellen .

Hat jemand irgendwelche Problemumgehungen dafür?

Die Verwendung eines lokalen Proxys ist die richtige Lösung. ngrokhat auch bei mir nicht funktioniert.

Ein ähnliches Tool, das mit dem Facebook-Debugger funktioniert hat, ist localtunnel ✅

npm install -g localtunnel
lt --port 8000

Erzeugt eine URL, die ungefähr so ​​aussieht https://<random_hash>.localtunnel.me/. Die Verwendung dieser URL im Facebook Open Graph Debugger funktionierte ab dem 18. Oktober 2017 für mich. Ich musste nur auf die Schaltfläche Neue Kratzinformationen abrufen klicken . 🍻

Das Coole an localtunnel ist, dass Sie Ihren eigenen localtunnel-Server problemlos mit github.com/localtunnel/server hosten können. Wenn er also jemals nicht mehr funktioniert localtunnel.me, können Sie Ihren eigenen irgendwo in der Cloud ausführen ⛅

Mit ngrok können Sie eine zufällige öffentliche Subdomain erstellen, die auch über NAT oder Firewalls sehr einfach zu Ihrem lokalen Webserver weitergeleitet wird.

Laden Sie einfach ngrok herunter und führen Sie es aus ./ngrok http 8080(vorausgesetzt, 8080 ist Ihr lokaler Webserver-http-Port).

Dadurch wird eine zufällige Subdomain wie http://38a84a97.ngrok.io/ erstellt , die an Ihren lokalen Webserver weitergeleitet wird und die Sie mit Facebook zum Testen Ihrer offenen Diagramm-Tags verwenden können.

Es ist sehr einfach, Open Graph in jeder lokalen Umgebung mit Chrome oder Firefox mithilfe von Plugins zu testen . Ich habe eine verwendet, um schnell in Chrom zu zeigen, wie das Open Graph für den Betrachter aussieht, um die Ergebnisse zu testen. Hier ist ein Zitat von dem, was es tut.

Diese Erweiterung zeigt, wie Benutzer Ihre Website in den beliebtesten sozialen Netzwerken sehen. Diese Erweiterung richtet sich an Fachleute, die Medieninhalte erstellen.

Um die Metainformationen Ihrer Website oder Ihres Artikels zu überprüfen, öffnen Sie sie einfach in Chrome und klicken Sie auf das Symbol der Erweiterung. Sie können eine URL auch manuell hinzufügen.

Hier ist ein direkter Link zum Firefox-Add-On für das Plugin (Chrome)

Um Open Graph (und Twitter-Karten) zu testen, musste ich localhost (Docker) auch Facebook und Twitter aussetzen. Ich habe Serveo benutzt

Dies funktioniert sehr gut, es muss nichts installiert werden, da es mit der Weiterleitung von SSH-Ports funktioniert.

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

Navigieren Sie dann zu der angegebenen URL und los geht's.

Sie müssen eine öffentliche Domain einrichten, die auf Ihre öffentliche IP-Adresse verweist. Verwenden Sie dynes.org oder einen ähnlichen Dienst und richten Sie Ihren Router so ein, dass Ihr Port 80 weitergeleitet wird.

Ich verwende ein kostenloses Tool namens ProxyLocal , mit dem mein lokaler Server für die Öffentlichkeit zugänglich ist.

In diesem Handbuch finden Sie weitere Proxy-Alternativen. Http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

Es gibt verschiedene Tools, mit denen Sie etwas über Ihren lokalen Host bereitstellen können, jedes mit unterschiedlichen Funktionsgraden.

Ich bevorzuge (offensichtlich) http://forwardhq.com

Weitere großartige Optionen hier: http://devblog.avdi.org/2012/04/27/http-forwarding-services-for-local-facebook-development/

Wenn jemand eine Vorschau der :ogTags anzeigen möchte, während er auf Subdomains (mit lvh.me) in localhost entwickelt. Sie können https://serveo.net verwenden . Verwenden Sie einfach den folgenden Befehl, um Ihre lokalen Serveranforderungen weiterzuleiten. Keine Installation erforderlich.

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

Sie können Ihren gewünschten Port anstelle von 3000 setzen.

Referenz: https://blog.aarvy.me/2019/09/20/expose-local-apps-having-subdomains-to-web/

Als etwas einfacheren Ansatz können Sie eine Browser-Erweiterung wie https://socialsharepreview.com/browser-extensions verwenden, mit der Ihre Social Cards direkt im Browser angezeigt werden (was natürlich fehlschlagen kann, wenn Sie sie fälschlicherweise nicht auf dem Server festgelegt haben :))