javascript - 除了使用自定义 CSS 和 html 之外，还有其他方法可以显示从 API 获取的推文吗？

Question

我终于让 API 成功运行，允许我查询 Twitter API 并获取推文。如何显示这些推文？我是否必须使用自定义 css 和 html，还是有一种更简单的方法可以在不使用小部件的情况下嵌入 Twitter 时间线？

Answer 1

OEmbed是你的 friend :-)

假设您看到了我精彩的推文 - https://twitter.com/edent/status/860905721646338048

要将其转换为 HTML，请调用此 URL:

https://publish.twitter.com/oembed?url=https%3A%2F%2Ftwitter.com%2Fedent%2Fstatus%2F860905721646338048

您将返回一些 JSON。该响应的一部分将是推文的 HTML 表示形式。

    "html": "\u003Cblockquote class=\"twitter-tweet\"\u003E\u003Cp lang=\"en\" dir=\"ltr\"\u003ELet's get this (pizza) party started! \u003Ca href=\"https:\/\/t.co\/W2vhWX6wZz\"\u003Epic.twitter.com\/W2vhWX6wZz\u003C\/a\u003E\u003C\/p\u003E— ꧁Terence Eden꧂ ⏻ (@edent) \u003Ca href=\"https:\/\/twitter.com\/edent\/status\/860905721646338048\"\u003EMay 6, 2017\u003C\/a\u003E\u003C\/blockquote\u003E\n\u003Cscript async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"\u003E\u003C\/script\u003E",

将该 HTML 放在您的网站上，它就会显示，无需您执行任何其他操作。

该 API 调用不需要身份验证。有一系列可用选项 - 请参阅文档 https://dev.twitter.com/rest/reference/get/statuses/oembed