第一次裝 Twitter Anywhere 就上手

承上篇,其實我第一次裝起來的 Twitter @Anywhere 是爛的,這一篇來分享一下安裝注意事項。

首先,Twitter Anywhere Platform 是一個威力無比的工具,不管你是要開發推特客戶端軟體或者建立一個以推特為根基的網站,都可以利用 Twitter 官方提供的新一代 Twitter Anywhere API 來實作。今天要和大家分享的只是 Twitter Anywhere 裡其中一小部分,讓你在自己的網站上整合部分 Twitter 功能,達到瀏覽網站時更高的互動性。

要開始使用 Twitter @Anywhere 之前,必須先註冊你的應用程式網站、取得 API Key, 所以請先到 http://dev.twitter.com/anywhere/apps/new 申請。

進入申請頁面後,Application Name 填網站名稱即可,Application Web Site 和 Callback URL 填網站網址,Organization 填網站名稱或任何代表你自己的組織。接著按 Register Application 進行設置,因為是要整合在網站上,所以 Application Type 的地方勾選 Browser ,完成設定後,就可以開始動手來進行網站整合了。

不過在真的動手作任何事之前,要先確認一下剛剛註冊的 Application 的 access level 是否為 "read and write";如果是"read only"的話,那麼接下來裝到網站上的 Twitter Anywhere 就會是爛的,而且還會有一堆麻煩事!

要確認目前的 access level 狀態,請到 http://dev.twitter.com/ 點選上方選單的 "Your apps",然後你應該會看到如下圖的畫面,點選應用程式名稱(在此例是 Peko-ism)進去看詳細資料。

edit details

在這個畫面你也可以看到 API Key,請把它抄下來放在手邊,等一下會用到。頁面拉到最下方後會看到 Access Level,如果顯示的不是"read and write"而是"read only"的話,那麼就要到另外一個地方去修改這個設定。

access level

非常詭異的是,要設定 access level 的地方不在 http://dev.twitter.com/ ,而是在 http://twitter.com/apps 。連結到 http://twitter.com/apps 後會看到你的 Application ,點選應用程式名稱到下一頁後再點 "Edit Application Settings" 進入修改頁面。

applications using twitter

在修改頁面裡拉到最下方可以看到 "Default Access level" 的設定,勾選 "Read & Write"。至於下面的 "Use Twitter For login" 可以不用勾,除非你想要開發一個讓用戶可以透過 Twitter 認證來登入你網站的功能。

Default access level

完成後按 "Save" 儲存,接下來就可以來動手將 Twitter @Anywhere 功能加入網站了。

http://dev.twitter.com/anywhere/begin 這一頁裡列出了目前可直接使用的各項功能以及範例程式。一定要做記得作的部分就是在網頁的 head 區塊裡加上:

<script src="http://platform.twitter.com/anywhere.js?id=你的API_KEY&v=1″ type="text/javascript"></script>

再來你就可以將你想要的功能程式碼加到你的網頁來實作你想要的功能了。

若你是使用 WordPress 系統的話,可以到 http://wordpress.org/extend/plugins/anywhere/ 下載 "Anywhere" 這個外掛來用,截至目前為止是 0.2.2 版,這個版本已經實作了 "Hovercards", "linkification" 和 "tweetbox" 功能;把外掛裝上後,到後台管理選項輸入剛剛申請到的 API Key, 把想要的功能勾選後儲存,你的 WordPress 網站馬上就有基本的 Twitter Anywhere 功能。

小結

這篇寫得有點亂,一方面是我也還在摸索,而且 Twitter Anywhere Platform 雖然開發相當容易,不過功能卻非常多,不是一篇短文可以完整寫完的。希望這篇分享可以達到拋磚引玉的效果,讓更多人知道 Twitter Anywhere 的強大和容易開發,寫出更多實用有趣的應用。

延伸閱讀

  1. Twitter Anywhere API 目前服務狀態表
  2. API 文件總覽
  3. Anywhere JavaScript API
  4. 賽拉維的秋天::如何將Twitter Anywhere裝到我們的部落格中
This entry was posted in 奇技淫巧 and tagged , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

One Trackback

  1. By anc | Ouverture on 四月 23, 2010 at 5:39 上午

    [...] raved much about it (“Fun, but it’s buggy”), partially because that I haven’t pushed a working copy of [...]

回應

您的電子郵件地址不會顯示在頁面或任何地方 *號標註為必要欄位

*
*

您可以使用的 HTML 標籤和屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>