如何在localhost上测试打开的图形

Question

我做了很多研究,但没有找到明确的答案.无论如何要测试localhost上的开放图形？在locahost上使用图形api我没有任何问题.

我在应用程序设置中更改了我的网站URL,甚至尝试在我的hosts文件中设置域,但是打开图形的调试器linter尝试使用实际域而不是我的localhost,并且当直接使用locahost时,linter完全无法连接.

有没有人有这方面的解决方法？

Answer 1

使用本地代理是正确的解决方案.ngrok对我来说也没有用.

一个类似的工具,与Facebook做调试工作localtunnel ✅

npm install -g localtunnel
lt --port 8000

生成一个看起来像的网址https://<random_hash>.localtunnel.me/.在facebook开放图形调试器中使用此URL在2017年10月18日为我工作.我只需要点击Fetch new scrape information按钮.

关于localtunnel的一个很酷的事情是,您可以使用github.com/localtunnel/server轻松托管您自己的localtunnel服务器,因此如果它停止使用localtunnel.me,您可以在云中运行自己的某个位置 ⛅

Answer 2

您可以使用ngrok创建一个随机公共子域,即使通过NAT或防火墙,也可以非常轻松地路由到本地Web服务器.

只需下载ngrok并运行./ngrok http 8080(假设8080是您的本地Web服务器http端口).

这将创建一个随机子域,如http://38a84a97.ngrok.io/,它可以路由到您的本地网络服务器,并且您可以使用Facebook来测试您的开放图形标记.

Answer 3

在任何本地环境中使用Chrome或Firefox使用插件测试 Open Graph 非常简单。我使用了一个在 chrome 中快速显示 Open Graph 对查看者的测试结果。这是它的作用的引述。

此扩展程序显示人们将如何在最受欢迎的社交网络中查看您的网站 此扩展程序适用于创建媒体内容的专业人士。

要检查您的网站或文章的元信息，只需在 Chrome 中打开它并单击扩展程序的图标。您也可以手动添加 URL。

这是插件 (Chrome) Firefox 附加组件的直接链接

Answer 4

作为一种更简单的方法，您可以使用浏览器扩展，例如https://socialsharepreview.com/browser-extensions - 它将直接在浏览器中显示您的社交卡（如果您错误地没有将它们设置在服务器端，这当然可能会失败） :))

Answer 5

您必须设置一个指向您的公共 IP 地址的公共域。使用 dynes.org 或类似的服务并设置您的路由器以转发端口 80。