显示最近一条推文 | CSS-Tricks

Jamie

# 2009年9月4日

喜欢它！

Jamie

# 2009年9月4日

但是我怎样才能显示最近的几条推文呢？

Andrew Champ

# 2009年9月14日

添加这个
callback=twitterCallback2&count=1
在 callback=? 之后

将1更改为您想要的任何数字。

Andrew Champ

评论永久链接# 2009年9月14日

我的意思是，用第一段代码替换 callback=?。
Vicky

评论永久链接# 2012年7月10日

嗨，它可以工作，但是如何显示用户名和图片呢？

SubSONiK

# 2009年10月29日

我尝试使用

callback=twitterCallback2&count=1

由于某种原因，它似乎不起作用…

$.getJSON("http://twitter.com/statuses/user_timeline/boombapgr.json?callback=twitterCallback2&count=3", function(data) {
$("#tweets").html(data[0].text);
});

连接到Twitter…

Jack

# 2010年1月29日

是的，类似的事情，可以单独让它工作，但不能超过一个…

Josh

# 2010年5月13日

对于那些遇到多个项目问题的人，这是因为如果有多个项目，您必须将其放在数组中。

例如
而不是

(data){

});

使用

(data){
 for (i = 0; i < item.length; i++) {
            var each = item[i];

 }
}

Jay

# 2010年5月25日

Twitter是否会限制我的服务器发出的JSON请求数量？换句话说，如果我的网站每小时获得1000次点击，我应该将推文缓存在数据库中吗？或者Twitter是否将其视为客户端发出的请求而不是我的Web服务器？

Chris Coyier

评论永久链接# 2010年5月25日

此网站在没有缓存的情况下运行良好……但是……我可能应该进行缓存。缓存此类内容本身就是一种良好的实践。关于限制，我不确定是否对仅从时间线中提取内容有限制。我认为是搜索之类的东西有限制。不过也可能错了。
Giovanni Mattucci

评论永久链接# 2012年9月17日

您当然可以发出的请求数量有限制。因此，存储推文信息（在数据库或其他地方）几乎是必须的。

对于未经身份验证的Twitter查询，每小时限制为150次请求。

您可以在Twitter的开发者文档中阅读所有相关内容此处。

Ryan

# 2010年7月12日

您还可以参考此网站了解如何在Twitter中使用Twitter API显示最新的推文。

http://www.ryscript.co.cc/web/how-to-display-latest-tweets-using-javascript-and-twitter-api/

谢谢..

Rai Adi Sanjaya

# 2010年8月24日

不错的简单代码..
我将使用那个..
谢谢

Eclipse

# 2010年9月8日

它在我的页面上将锚点显示为文本

http://www.eclipse-webdesign.nl/contact

有什么想法吗？

Eclipse

# 2010年9月8日

有效…谢谢！

Bob Kruithof

# 2010年12月28日

如果您想显示带有有效链接/主题标签/用户名链接的推文，您可以使用此代码：`

function parseTweet($text) {
  $pattern_url = '~(?>[a-z+]{2,}://|www\.)(?:[a-z0-9]+(?:\.[a-z0-9]+)?@)?(?:(?:[a-z](?:[a-z0-9]|(?\2', $text);
  $tweet = preg_replace('/(^|\s)@(\w+)/', '\1@\2', $tweet);
  $tweet = preg_replace("#(^|[\n ])(([\w]+?://[\w\#$%&~.\-;:=,?@\[\]+]*)(/[\w\#$%&~/.\-;:=,?@\[\]+]*)?)#is", "\\1[link]", $tweet);
  return $tweet;
}

`

daniel due

# 2011年3月4日

这太棒了，我将立即尝试实现它！！！：D

daniel due

# 2011年3月4日

这不起作用 :(

Inigo Web Design

# 2011年3月29日

@Daniel 和其他人 - Bob Kruithof 的代码由于以下原因不起作用：他没有用其ASCII等效项替换HTML括号（正如你在下面所做的），因此代码中的链接已在您的浏览器中显示为实际链接（如您所见，它们以蓝色呈现，您可以单击它们…），并且他没有转义最后一个preg_replace中的一些引号。以下代码完美运行。只需将其复制并粘贴到您希望显示推文的页面上的div中，并将‘YOURNAMEHERE’更改为您的姓名。

\[a-z+]{2,}://|www\.)(?:\[a-z0-9]+(?:\.[a-z0-9]+)?@)?(?:(?:[a-z\](?:\[a-z0-9]|(?\2', $text); $tweet = preg\_replace('/(^|\s)@(\w+)/', '\1@\2', $tweet); $tweet = preg\_replace("#(^|[\n ])(([\w]+?://[\w\#$%&~.\-;:=,?@\[\]+]\*)(/[\w\#$%&~/.\-;:=,?@\[\]+]\*)?)#is", "\\1[link]", $tweet); return $tweet; } $username='YOURNAMEHERE'; // set user name $format='json'; // set format $tweet=json\_decode(file\_get\_contents("http://api.twitter.com/1/statuses/user_timeline/{$username}.{$format}")); // get tweets and decode them into a variable $theTweet = parseTweet($tweet[0]->text); echo '"' . $theTweet . '"'; 
?>

Thomas

评论永久链接# 2011年7月29日

如果复制粘贴，上述代码不起作用。pattern_url变量关闭php‘?>’，我不确定这是不是意图 - 如果是，那么它永远不会重新打开，这会给你一个错误。我不确定如何修复，因为我不知道如何使用模式和preg函数。有没有人有什么想法？
tobias

评论永久链接# 2011年8月10日

遇到了同样的问题… 只需将所有‘和”替换为’和”…

对我有用…
serge

评论永久链接# 2012年10月11日

对我有用。谢谢

RJ

# 2011年9月7日

目前在IE中不起作用？有什么想法吗？

james

评论永久链接# 2013年6月19日

使用现代浏览器，如Safari、Firefox或Chrome，并放弃你史前时代的IE。

IE就像学校里那个又胖又笨的孩子，每个人在每节课上都得等他，并在所有体育运动中背着他。
SM

评论永久链接# 2015年11月16日

指示开发者放弃某个浏览器并不是答案。开发者无法控制用户将尝试使用哪个浏览器查看页面。我遇到过很多情况，其中我被指示开发针对IE7等旧浏览器的程序。有些组织不允许在没有冗长且从未发生的测试流程的情况下升级浏览器。同样，出于安全原因，某些组织不允许用户安装Chrome或其他非Microsoft浏览器。

praneeth hettiarachchi

# 2011年9月25日

对我来说工作正常！！

别忘了包含jQuery库！哈哈

Rob

# 2011年10月11日

RJ，使用Inigo发布的代码。只需确保更改所有引号，因为如果粘贴到某些文本编辑器中，它们的格式会变得混乱。它在所有当前版本的IE、Chrome、Firefox和Opera中都能正常工作…

Lawrence

# 2011年11月4日

如何从返回的推文中排除链接？我不想包含任何带有链接的推文。我知道有一个filter:links参数，但不确定如何实现。

Howdy

# 2011年12月2日

知道为什么这适用于我所有的Twitter用户名，除了下面的那个吗？

Zlatko

# 2012年1月25日

转发后不起作用。

Yasen

评论永久链接# 2012年2月10日

“此方法不会在XML和JSON响应中包含转发，除非设置了include_rts参数。RSS和Atom响应始终包含转发作为以RT为前缀的状态，而不管提供的参数是什么。”

https://dev.twitter.com/docs/api/1/get/statuses/user_timeline

Parker

# 2012年3月9日

如何随机显示推文？

Marina Bearman

# 2012年4月4日

使用 jQuery 显示最近五条推文

$.getJSON(“http://twitter.com/statuses/user_timeline/NoReservations.json?callback=?&count=6”, function(data) {
/* $(“#twitter”).html(data[0].text);*/
$.each(data, function(i, object) {

$(“#twitter”).append(”+object.text+”);

});

melolonta

# 2012年5月15日

这对我有用，可以显示多条推文（这里为5条），并且包含链接。

http://jsfiddle.net/8jmLY/664/

Kakembo Alex

# 2012年6月15日

如果我没有错过这个话题，这个方法似乎对我有效。使用 jQuery 框架，将其放入你的 HTML/PHP 页面，创建一个 `

` 标签并在其中放入这段代码。将用户名更改为你自己的用户名。

$(document).ready(function() {

  var tweets = 3; //specify the number you want here

  $.ajax({

    url: “http://twitter.com/statuses/user_timeline/krialex21.json?&count=” + tweets +”&callback=?”,
    dataType: “json”,
    timeout: 15000,

    success: function(data) {
      for (i=0; i<data.length; i++) {
        $("#twitter").append("” + data[i].text);
        $(“#twitter”).append(“” + data[i].created_at +”");
      }
    },

    error: function() {
      alert(“Failure!”);
    }

  });

});

Kyle

# 2012年6月19日

所以，我按照这个方法（以及最新的评论）操作，并且没有任何问题就能获取到最新的推文。非常简单，实际上。太棒了。

查看从 Twitter 获取的 JSON 数据，我真的很想获取“statuses_count”——也就是你发布的推文数量。它在这里多次显示：https://twitter.com/statuses/user_timeline/kyle_conrad.json?callback=? 以及这里：https://api.twitter.com/1/users/show.json?screen_name=kyle_conrad&include_entities=true（以及这里概述：https://dev.twitter.com/docs/api）。

但是，我似乎无法获取它——获取文本没有问题，但是我想获取的任何其他 JSON 数据都会返回“未定义”。我肯定做错了什么简单的事情，对吧？

jireh

# 2012年6月21日

大家好，

我想知道，如何在一个 div 中显示最新的推文。然后在另一个 div 中显示第二条推文，再在另一个 div 中显示第三条推文。类似于这样

(div)最新的推文(/div)
(div)随机图片(/div)
(div)随机图片(/div)
(div)第二条推文(/div)
(div)随机文章(/div)
(div)随机图片(/div)
(div)第三条推文(/div)

我该如何实现？我还在寻找，但我甚至不知道相关的术语来搜索。聚合？

谢谢。

Miles

# 2012年9月1日

嗨，我只是想知道我需要输入什么才能显示推文的时间，例如 17 分钟前，1 小时前等

Giovanni Mattucci

评论永久链接# 2012年9月17日

这里有一篇文章展示了如何使用 JavaScript 来实现你的需求。基本上，在返回的 JSON 信息中有一个名为“created__at”的变量。

你基本上需要编写你自己的数学运算，将 created_at 时间戳转换为“1 小时前”之类的信息。

你可能还想深入研究 Twitter 的 API 文档：https://dev.twitter.com

Oumz

# 2012年10月14日

这不再有效了，Twitter 最近似乎进行了一些更新……
它以前工作得很好，但现在我收到此错误：“抱歉，该页面不存在”，“代码”:34

有什么解决方法或快速修复方法吗？

Kelsey

评论永久链接# 2012年10月17日

我也有同样的疑问..

joan

# 2012年10月15日

我同意 #Oumz 的观点，从昨天开始这个方法就失效了！

Charles

# 2012年10月17日

我也同意 #Oumz 的观点。我无法让任何脚本运行。

Dom

# 2012年10月24日

感谢这篇文章，我像许多其他人一样使用下面的两行简单的代码，但
现在看来 Twitter 已禁止此操作，我们都只剩下空白区域。有什么解决方法吗？或者我们真的必须忍受丑陋的小部件？

Dom

# 2012年10月25日

抱歉，没有发布。

src=”http://twitter.com/javascripts/blogger.js”>

src=”http://twitter.com/statuses/user_timeline/username.json?callback=twitterCallback2&count=2″>

Mike DeLeon

# 2012年11月2日

工作正常！谢谢！

Aniket Betkikar

# 2012年11月5日

完美运行!!!! :) 谢谢。

luciano

# 2012年11月13日

如何在 html 中使用它？

Jeff

# 2012年11月17日

嗨，有没有人找到解决方法，以便推文可以显示可点击的链接？我一直在尝试让以下代码工作，但没有成功

function twitterCallback2(twitters) {
var statusHTML = [];
for (var i=0; i<twitters.length; i++){
var username = twitters[i].user.screen_name;
var status = twitters[i].text.replace(/((https?|s?ftp|ssh):\/\/[^”\s\<>]*[^.,;'”>:\s\<>)]!])/g, function(url) {
return ‘‘+url+’‘;
}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+’‘+reply.substring(1)+’‘;
});
statusHTML.push(‘

“’+status+’” – ‘+relative_time(twitters[i].created_at)+’

‘);
}

$(‘.loading’).fadeOut(750, function() {
$(‘#latest_tweet’).append($(statusHTML.join(”)).hide().fadeIn(750));
});

}

Ivana

# 2012年11月18日

嗨，我只是想知道是否有一种方法可以将时间添加到其中，以及用户名。例如，“12:22 由 @用户名发布”

谢谢！

David F

# 2012年12月4日

我正在尝试将此添加到我的网站，但它似乎不起作用，我对 Web 开发比较陌生，我相信这只是我的一处简单的疏忽，但我应该如何将 js 文件连接到我的 html 文件？

Kevin

# 2012年12月5日

它不像 Chris 在上面提供的代码那样易于实现，但我找到了 MiniTwitter jQuery 插件，它允许在 css 中进行样式设置。非常干净，到目前为止也很可靠。

Dave

# 2012年12月12日

我可以指定一个主题标签，以便它返回包含特定主题标签的最新推文吗？

John

# 2013年1月1日

谢谢这个！

无论如何，我怎样才能获取推文发布的日期？

此致，
John

Scott Grodberg

# 2013年1月2日

只是想知道这是否意味着我最终必须使用小部件而不是这个？因为我真的很喜欢 Chris 的解决方案！我向你保证，小部件绝不会像它那样优雅

此致，
Scott

Mike

# 2013年1月23日

这正是我要找的——简洁优雅的代码。干杯。

Aron Duby

# 2013年2月1日

由于这仍然是热门搜索结果之一，我觉得我应该提到这种方法将在不久的将来完全停止工作。这是使用 Twitter API 的版本 1，它现在已弃用，并且将在某个时间点被移除（根据我阅读的一篇文章，可能在下个月）。新版本（1.1）要求所有调用都使用 OAuth 进行身份验证，这意味着轻松获取推文的日子一去不复返了。

该死的 Twitter，你绝对值得在那里得到愤怒的老头挥拳的待遇。

另外，感谢 Chris 和所有为本网站做出贡献的人，它是开发人员最好的朋友！

MikeChipshop

# 2013年3月14日

@Aron Duby

不幸的是，你是完全正确的。我今天去为客户制作一个简单的闪屏页面，使用这段代码，就像自从 Coyier 先生最初发布它以来我一直在做的那样，我发现它不再起作用了。

是时候寻找一个合适的解决方案了，因为 Twitter 提供的任何东西都不如它好用。

Amged Osman

# 2013年3月14日

很多人都在问如何将文本 url 转换为实际 url

function url2Links(text) {
  var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~<em>|!:,.;]*[-A-Z0-9+&@#\/%=~</em>|])/ig;
  return text.replace(exp,"<a href='$1' rel="nofollow">$1</a>"); 
}

Amged Osman

评论永久链接# 2013年3月14日

该网站没有显示完整的代码...所以这里有一个链接

http://pastie.org/6503759

Connor Gurney

# 2013年3月23日

我计划很快在我的博客中使用它。谢谢！ :)

Dhruba Jyoti Deka

# 2013年4月29日

不，它没有显示我的推文。请帮忙。我认为 Twitter 更新了 API。

请更新帖子。

Colm Morgan

# 2013年6月10日

使用之前发布的一些评论，我创建了一个方便的代码片段供任何人使用。只需要 Twitter 句柄即可。可以轻松修改它以显示多条以前的推文，而不仅仅是最新的推文。

享受！

/**
 * Get latest tweet via Twitter API, in JSON format,
 * 
 * Format tweet with working URLs for urls, hashtags, and mentions
 * 
 * @param $user
 */
$user = 'PierceComms'; // case in-sensitive

$json_results = json_decode( file_get_contents( 'https://api.twitter.com/1/statuses/user_timeline/'.$user.'.json?count=1&include_rts=1&callback=?' ) );
$tweet = $json_results[0]->text;

$pattern_hashtag = '/#([\\d\\w]+)/';
$replace_hashtag = '<a href="http://twitter.com/#search?q=%23$1" target="_blank">$0</a>';

$pattern_mention = '#@([\\d\\w]+)#';
$replace_mention = '<a href="http://twitter.com/$1" target="_blank">$0</a>';

$pattern_url = '/http:\/\/([a-z0-9_\.\-\+\&\!\#\~\/\,]+)/i';
$replace_url = '<a href="http://$1" target="_blank">http://$1</a>';

// Replace http://url.com with working URL
// URLs MUST BE REPLACED FIRST
$tweet = preg_replace( $pattern_url, $replace_url, $tweet );
// Replace #hashtags with working URL
$tweet = preg_replace( $pattern_hashtag, $replace_hashtag, $tweet );
// Replace @mentions with working URL
$tweet = preg_replace( $pattern_mention, $replace_mention, $tweet );

echo $tweet;

seonatural

# 2013年6月11日

2013年6月11日 - 晚上10点 - RIP API 1.0 看起来Twitter API已经更新到1.1版本，并且现在所有类型的请求都需要身份验证……我们甚至无法获取推文！我们现在必须通过我们的服务器获取（不再使用JSONP）。

Colin

评论永久链接# 2013年6月13日

哎呦，是真的，整个页面现在都没用了。有没有人有获取最新推文的方法？

carlos

# 2013年6月12日

如何使用这个新的API版本显示无格式的最新推文？

Colin

# 2013年6月13日

http://stackoverflow.com/questions/12916539/simplest-php-example-retrieving-user-timeline-with-twitter-api-version-1-1

Rahul

# 2013年6月14日

这个现在似乎不起作用了，请更新这篇文章。谢谢。

m

# 2013年7月4日

在获取推文之前我应该安装什么？我需要哪些软件？我不知道。请帮我一下。我想获取搜索推特相关的代码……

Eugene

# 2013年7月9日

你好，

不再工作了。

e11world

# 2013年7月23日

这就是技术变成令人头疼的事情的时候。
我真的很讨厌不得不回去更改这些东西，仅仅因为Twitter决定做出更改。

radhika

# 2013年9月3日

我想显示发布时间，例如“大约19小时前”。我该怎么做？

Dev Meghraj

# 2013年9月30日

您好，您能否针对Twitter API的更改更新这篇文章。
https://dev.twitter.com/docs/api/1.1/overview

Cody O'Dell

# 2013年10月4日

仅供参考，此内容已过时。

fs

评论永久链接# 2014年11月4日

谢谢Cody

Sudipto

# 2013年11月19日

有没有办法像Jetpack插件那样显示特定帖子的推文数量？

Charles

# 2014年4月9日

我们可以使用Ruby获取最新的推文

require "rubygems"
require "nokogiri"
require "open-uri"

doc = Nokogiri::HTML(open("https://twitter.com/<screenname>"))
doc.at_css(".expanding-stream-item .tweet-text").text

voituremaroc

# 2014年4月22日

错误信息
Twitter REST API v1已不再有效。请迁移到API v1.1。 https://dev.twitter.com/docs/api/1.1/overview。

根据Twitter API的文档，
API v1.1已发布，所有API 1.1请求都需要用户授权（和访问令牌）。在发布后的几周内，某些方法将仅在某些“无用户”上下文中需要基于应用程序的身份验证。

daniel

# 2014年5月30日

感谢您的代码，您帮助了我！

Shahjehan

# 2014年7月8日

我喜欢这个示例，它对我来说非常有效

http://codepen.io/jasonmayes/pen/Ioype

Nitish

# 2015年2月25日

你好
我收到了此错误消息。
“自Twitter API 1.1起，此功能不再有效”
你能否帮我解决这个问题？

评论

发表评论 取消回复

发表评论取消回复