微博@ anywhere迈出了第一步

8月 30, 2011

注意到每篇文章结尾处都有我的微博地址了吗?鼠标放在@b3inside 上面还有微博名片出来。

前两天 池明(@leeking001 )跟我说他Blog里装了微博名片了,我很兴奋,当初在微博时的@ anywhere 计划已经迈出第一步了。现在我的Blog里也加入了这个功能。不过目前它还尚未开始“民用”,之所以这么说,是因为和池明在折腾这东西的时候,发现还是比较麻烦的,相对门槛还比较高,现阶段还只是名片的展示,提醒功能尚不具备。不过相信@FlashSoft 的团队未来会逐渐完善这些强大的功能的。

当然,如果你是个热爱微博的发烧友,想抢鲜品尝的话,可以跟着我的教程做,花费点力气,获得些乐趣。下面我以在WordPress中操作为例。

如何操作

大体步骤是这样的:在微博开放平台中获取App Key——部署JS到WP——编辑此功能的作用域

假设你已经有新浪微博了哦,如果没有先 注册一个

在微博开放平台上获取App Key

传送到 申请页面。在表单中填写“网站名称”的信息,填好点“创建”提交表单。一般不是当时就能拿到App Key,需要等待微博的审核。审核通过后,在“我的应用”——“汇总信息”中就能看到属于你自己的App Key了,一串数字。

部署JS到WP

有了App Key以后,接下来,在部署JS的时候就会用到它了。访问 Weibo-JS V2 ,获取两部分代码:一个JS引用文件,和一段配置代码。首先把JS应用文件放到页面</body>之前,其中“xxxxxxxxxx”替换为你的App Key:

<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=xxxxxxxxxx" type="text/javascript" charset="utf-8"></script>

编辑此功能的作用域

调整一下配置,让脚本把文章中的@ username 自动转换为微博名片。

<script type="text/javascript">
 WB2.anyWhere(function(W){
 W.widget.load({
 'module' : 'hoverCard',
 'version' : '1.0',
 'option' : {
 id: "content"  //content是WP中内容区的id
 }
 }).load({
 'module' : 'hoverCard',
 'version' : '1.0',
 'option' : {
 id: "content", //content是WP中内容区的id
 search: true
 }
 });
 });
 </script>

此方法使用的是“批量定义”名片转换,在文章中不可能去一个个定义@ 的转换规则。当然wiki中也介绍了如何“单独定义”,有需要可以自行研究。

BTW. 现在这个wiki文档的可用性比较差,它就像是一个仓储超市。打个比方,要实现这个功能需要很多原材料,但在一个没有良好索引的仓库里,要自己找到材料是很难的事情。建议在讲到需要用户自行申请App Key时,给一个传送门到申请页面,不然很多人就会被卡在第一步。这么有趣的应用,有多少人只能透过门缝瞅着啊。

还有文档的可读性上,不要用过多的术语,看上去像是“写给程序员的信”。如果没有名词解释,那就把话说明白些,不是所有站长都这么专业。让更多人能够看的懂用的上,是多有成就感的一件事。加油微博开放平台!

也欢迎到微博和我交流 @b3inside