javascript - 无需卡即可将图像分享到 Twitter

Question

给定某个地址的图像，http://www.thissite.will/never/be-finished.png，将其分享到 Twitter 的最简单方法是什么，最好是没有卡？

---

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

我想为他们提供在 Twitter 上分享图片的选项。他们单击一个按钮(我可以实现)，然后会打开一个对话框，他们可以在其中添加到推文(应该已经包含图片)。

我知道以前在这个网站上有人问过类似的问题，但我不想想要使用“卡片”来分享图像。相反，我想要一个典型的、非卡片推文，只有一张图片(比如 this )。

我反复查看了 Twitter 开发者文档，但找不到有用的信息。 POST statuses/update_with_media方法已弃用，建议的替代方法“上传媒体指南”的链接已损坏。 This guide ，我想，是它打算链接到的内容，但它没有 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);
});

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

---

基本上，我想做一些类似于 StackOverflow 所做的事情。当您在问题上单击“分享”，然后选择 Twitter 时，会弹出一个新窗口，其中包含指向该问题的链接，用户可以在其中撰写自己的消息。 (Twitter 提供了界面。)

然而，在我的情况下，发送推文时，我希望只有一张图片，而不是返回页面的链接和从中提取的一些文本。

Answer 1

Twitter 没有官方的图片分享方式。你必须使用 Twitter card .这是我的 one webpage with nice image .在 Twitter card validator 上测试该 URL ，你会得到相当形象。这就像您使用 Bloomberg 的 Twitter 状态链接的示例。 Now you can click this link to tweet which is of my that webpage (当然你可以删除那条推文，它是测试的例子)。您将获得带有自定义文本选项的大图像。这些都是你想要的。

在 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

https://twitter.com/intent/tweet 是不变的部分。 ?text= 是你想要的文本。 &url= 是您要分享的网址。 &via= 是可选的关联帐户。 &original_referer=在大多数情况下与&url=相同，&hashtags是你想要的人质。 &hashtags 不起作用。

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

你需要什么

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

原型(prototype)应用示例

作为使用 WordPress 开发的想法的一个例子，当我没有发表文章时，我有图像，但预览的 URL 是私有(private)的。在 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/ (生成推特元标签)
4. https://wordpress.org/plugins/live-composer-page-builder/ (为注册用户提供一种在 WordPress 前端进行编辑的方式)

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