Google Code China

当我们混在一起

12:03 AM

几个小时之内搞出一坨页面来收集全球网友发布的带有 #080808 标签的内容？乍一听可能觉得不可思议，但在 Web 2.0 时代纵横交错的各种 API 的帮助下，做起来其实是非常的简单呢！

8月7日那天下午我一边在搞 Google 的“北京夏季运动会”页面 (也是一个mash-up哦)，一边就在 twitter 看到了 flypig、webleon 和 babechloe 几位朋友做的 #080808 这个 idea。“好棒的主意！”我想，“可以做一个更 fancy 的首页把网友们的参与给 show 出来。”于是我在 Gmail 里面给这几位天才的创始人发了一个草图，原始文献如下所示：



8月8日的凌晨我开始动手搞这个。最先动手写的是 HTML + JavaScript，它们决定了页面的结构和内容。Geeks 同学们可能会对我们如何使用这些 API 的细节有兴趣：

• 用 Twitter Search API 拿到了 twitter 上 “#080808”搜索结果的数据，json 格式；
• 通过 Flickr API 和 Flickr Feeds 拿到了 Flickr 的两个数据，一个是“080808”的搜索结果，另一个是“080808 icon”的搜索结果，都是 json 格式；
• 用 Yahoo! Pipes 把 Technorati 和 Google Blog Search 关于“tag080808”的搜索结果烧录到一块, 同样输出成 json 格式的数据；
• 用 Google AJAX Libraries API 加载了 jQuery, 利用 jQuery 把这些 json 格式的数据 render 成 HTML;
• 最后用 Google AJAX Feeds API 把我们这个官方 blog 的 feed 加载进来。

这一步工作完成了以后就有一个裸奔的站点出现在我们眼前啦——功能齐备，就是丑得不堪入目。找飞猪老师讨来设计素材，在 Fireworks 里面做了一些简单的页面设计，输出图片，写 CSS……把它打扮得漂漂亮亮, 就赶在黎明前出街鸟。

这就是我们的成果：http://tag080808.appspot.com

虽然这个 application 放在了 Google App Engine 上，但其实到目前为止我们都没有用到任何服务器端技术。整个页面就是一个静态的 HTML 页面，所有动态的数据都是用 JavaScript 读入的。所以电视机前的观众朋友们，如果您想 copy 这个站点的话，把这个网页直接保存下来然后上传到自己的服务器就可以啦。我们也欢迎你动手做一些改进，时间所限，这个 mash-up 确实还有很大的改进空间。像 Google 就还有许多容易上手又非常强大的 API 可以利用，比如说 AJAX Search API、Maps API、AJAX Languages API 还有 Chart API 等等……详情请参见 Google 的 API 目录页 。

Mash-up 真是很好玩也很有用的东西，把散落在网络四处的信息放在一起重新组合，这本身就是一件很神奇的事情。 Web 2.0 不仅仅意味着半透明渐变 logo，永不消逝的 beta 标签和标签云，像这样的开放性也是 Web 2.0 基因的一部分。

也希望国内的厂商也能多一点开放性，这样子下次我们或许可以显示更多来自国内网站的内容。

固定链接  |