本地主机上的 Twitter 卡验证器

Question

所以我正在测试 Twitter 和 Facebook 共享功能。

我目前正在测试 Twitter 的分享按钮，我添加了 meta 标签，经过几个小时的搜索，我发现我可以嵌入推文（将推特图片嵌入我的link 返回我的网站的推文）我需要推特卡片。

我的元代码：

   <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="http://MY_IP_ADDRESS:3000/">
    <meta name="twitter:creator" content="@random">
    <meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
    <meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.">
    <meta name="twitter:image" content="http://cdn0.lostateminor.com/wp-content/uploads/2015/10/Amazing-long-exposure-photos-make-light-look-like-cobwebs-on-trees2-650x434.jpg">

然后是如下所示的共享按钮：

  <img src="http://cdn0.lostateminor.com/wp-content/uploads/2015/10/Amazing-long-exposure-photos-make-light-look-like-cobwebs-on-trees2-650x434.jpg">
    <a href="https://twitter.com/intent/tweet?button_hashtag=test" data-url="http://localhost.share.com/" target="_blank">Tweet #test</a>
  </img>

当我发布哈希标签时，它不会选取我的图像或发布它。所以我一直在尝试运行我的网站（我正在 Twitter 的 Card Validator 上在我的本地主机上进行测试）https://cards-dev.twitter.com/validator。

我收到此错误消息：

知道我做错了什么吗？或者为什么我不能使用我的 IP 地址来测试 Twitter 卡片？

谢谢！

Answer 1

我想我会把它留在这里以防有人偶然发现它。由于我很久以前就问过这个问题，所以我实际上不记得解决方法，但我认为最简单的解决方案是使用 ngrok。

https://ngrok.com/

下载 ngrok。运行你的本地服务器然后将 ngrok 指向你的本地服务器运行所在的端口，它会按照...

的方式吐出一些东西

Session Status                online                                                                                                                   
Version                       2.1.18                                                                                                                   
Region                        United States (us)                                                                                                       
Web Interface                 http://127.0.0.1:4040                                                                                                    
Forwarding                    http://65hkdy7ed.ngrok.io -> localhost:3000                                                                               
Forwarding                    https://65hkdy7ed.ngrok.io -> localhost:3000

你有自己的 URL 可以使用:)

本地主机上的 Twitter 卡验证器

Twitter card validator on localhost

php

twitter

meta-tags

twitter-card