没有卡分享图像到Twitter

Ran*_*oms 7 javascript twitter svg oauth sharing

鉴于某个地址的图像,http://www.thissite.will/never/be-finished.png最简单的方法是将它分享到Twitter,最好不带卡?


用户自定义SVG,当他们满意时,我将其转换为PNG并将其存储在我的服务器上.

我想让他们选择在Twitter上分享图片.他们点击了一个按钮(我可以实现),然后会打开一个对话框,在那里他们可以添加到推文(应该已经包含图片).

我知道类似的问题已经被问过这个网站,但我希望使用"一卡通"共享图像.相反,我想要一个典型的非卡片推文,只需要一张图片(就像这样).

我反复浏览了Twitter开发者文档,但是找不到有用的信息.该POST状态/ update_with_media方法已过时,并链接到"上传媒体指南"建议的替换,是坏了.我认为,本指南是它要链接的内容,但它没有JavaScript代码来说明实际应该如何实现它.

请帮忙.


我的尝试,基于POST media/upload:

$.ajax({
    url: "https://upload.twitter.com/1.1/media/upload.json", 
    format: "post", 
    data: {"data" : link}
}).success(function(response) {
    console.log(":)");
    console.log(response);
}).fail(function(response) {
    console.log(":(");
    console.log(response.responseText);
});
Run Code Online (Sandbox Code Playgroud)

这失败了.该responseText{"errors":[{"code":215,"message":"Bad Authentication data."}]}.


基本上,我想做类似于StackOverflow的工作.当您单击某个问题上的"共享",然后选择Twitter时,会弹出一个新窗口,其中填充了该问题的链接以及用户可以编写自己的消息的位置.(Twitter提供界面.)

然而,在我的情况下,当发送推文时,而不是返回到页面的链接以及从中提取的一些文本,我想只有一个图像.

小智 0

Twitter 没有官方的分享图像的方式。你必须使用Twitter 卡。这是我的一个图片精美的网页在Twitter 卡片验证器上测试该 URL ,您会得到很好的图像。这就像您使用彭博社的推特状态链接的示例一样。现在您可以单击此链接来发布我的该网页的推文(当然您可以删除该推文,这是用于测试的示例)。您将获得带有自定义文本选项的大图像。这些都是你想要的。

以上 Twitter 分享超链接的参数

我给你的超链接如下:

https://twitter.com/intent/tweet?text=Cheapest%20CDNs%20With%20HTTPS%2C%20IPv6%2C%20HTTP%2F2%2C%20Brotli&url=https%3A%2F%2Fthecustomizewindows.com%2F2017%2F06%2Fcheapest-cdns-https-ipv6-http2-brotli%2F&hastag=AbhishekGhosh&via=AbhishekCTRL&original_referer=https%3A%2F%2Fthecustomizewindows.com%2F2017%2F06%2Fcheapest-cdns-https-ipv6-http2-brotli%2F
Run Code Online (Sandbox Code Playgroud)

https://twitter.com/intent/tweet是常数部分。?text=是你想要的文字。&url=是您要共享的 URL。&via=是可选的关联帐户提及。&original_referer=&url=大多数情况一样,&hashtags就是你想要的人质。&hashtags不起作用。

但您希望它用于图像而不是网页。这很棘手。

你需要什么

你想要的需要像PHP-MySQL这样的网络软件。应用程序将编写一个唯一的 URL,超时后用户将使用 Twitter 卡的 HTML 标记为用户生成的带有图像的网页完成工作。Twitter 卡与网页如何具有标记、图像、网站管理员设置的域等有关。您可以使用类似 PHP 的语言通过网页的 HTML 标记设置首选图像。

原型应用示例

作为使用 WordPress 进行开发的想法的一个例子,当我还没有发布文章时,我有图像,但预览的 URL 是私有的。在 WordPress 中可以公开未发表的文章。可以使用 4 个 WordPress 插件作为基本示例进行测试:

  1. https://wordpress.org/plugins/public-post-preview/(使未发布的帖子具有公共预览)
  2. https://wordpress.org/plugins/developer-share-buttons/(生成 Twitter 分享链接)
  3. https://wordpress.org/plugins/twitter-cards-meta/(生成 Twitter 元标签)
  4. https://wordpress.org/plugins/live-composer-page-builder/(为注册用户提供在 WordPress 前端进行编辑的方式)

当然,有更新的 WordPress API 可以从其他服务器上执行此操作。