2010年3月2日 星期二

自己新增facebook-actionscript-api類別來使用dashboard的相關功能

有用Flash開發Facebook app.的人應該對facebook-actionscript-api這個library又愛又恨。使用它加上一些javascript就可以開發Flash版的Facebook app.,可是它的說明文件內容相當缺乏,而且很久沒更新了。其實這個library一直有在更新,目前出到v3.4版,一些新的功能都有陸續放進去。上次隨意點開它的as檔案來瀏覽,發現了com.facebook.commands.stream這個package,裡面的PublishPost類別,就是對應PHP api的stream.publish方法。於是想說,應該可以依樣畫葫蘆來新增command。這樣在facebook-actionscript-api還沒更新前就可以自己新增一些PHP api有的新功能,例如前一陣子才新增的dashboard。實際測試之後發現可行,正好notification通知的功能,app.也不能再使用了,就趕緊來試用一下dashboard怎麼玩。這篇就同時介紹如何自己幫facebook-actionscript-api增加新的功能,以及dashboard這個功能大概是怎麼運作的。

2010年2月25日 星期四

使用Static FBML增加Facebook粉絲專頁/應用程式專頁的頁籤

在幫客戶操作Facebook粉絲專頁的時候常常會遇到一個需求:增加一個頁籤。最簡單的做法,就是使用Static FBML。底下就來個Step by step的操作說明。

2010年1月14日 星期四

7分14秒瀏覽PLURK API功能

前一篇大致介紹了如何用Flash去玩Plurk API,然後做了一個簡單的Demo,這篇試著用中文把Plurk API裡的功能講出來,給創意以及企畫作參考。首先,請自行熟悉一下Plurk介面以及功能,我懶的抓一堆圖說明啦~

用Flash玩Plurk API


去年12月初,Plurk終於開放了官方的API,看了一下上面的簡介,只要能發送HTTP requests的語言就可以呼叫它,回傳的是JSON encoded data,這些Flash都可以處理。不過因為跨網域的問題,一開始Flash並不能單獨跟它溝通,唯一可行的是透過php或其他程式當中介。幸好最近Plurk已經把crossdomain.xml放上去了,這樣一來,Flash也能直接呼叫Plurk API了。既然這樣,就趁著空檔測試一下吧!但才玩了一兩天,就發現了一個大問題:登入的方式也太簡單了吧!?讓使用者在第三方網站輸入帳號密碼就可以登入,那麼我寫一個網路活動,讓使用者來登入Plurk帳號密碼,然後偷偷把這些使用者的帳號密碼塞進資料庫,之後不就可以任意使用這些人的Plurk帳號了嗎?仔細想想,好像還沒遇過哪種服務是以這麼簡單的方式來登入。Facebook靠一堆繁複的Session來驗證,Yahoo或Windows Live ID都是經過他們特定的網頁來登入,Flickr也要在他們網站上允許上傳程式連結後才可以上傳照片。是我漏掉甚麼了嗎!?拿著Plurk的帳號密碼到一台新的電腦確實就可以登入了呀~~這漏洞也太大了吧!所以請容我在第一段就大膽的直接下結論:目前Plurk API不適合拿來做網路活動!這篇文章直接結束,我可以躲進被窩裡面睡覺了嗎?當然不是這麼簡單~~這個API也才推出一個多月,也許隨時會有甚麼修正也不一定,況且也不一定只有登入使用者的Plurk帳號才能玩,拿個公用帳號來玩或許也可行啊。所以還是先來了解一下Plurk API能做啥吧。

2009年12月30日 星期三

Flash網站元件製作

這是一篇非常無趣的文章,因為要講的是一件非常無趣的工作。一般Flash網站進入製作流程後,不外乎是先做好視覺與Layout,此時檔案通常是.psd或.ai,接著將這些圖檔、文字匯入或是在Flash裡面重製,然後才加上動態效果以及程式。這篇文章要講的就是從.psd與.ai到.fla的過程。這過程的好壞不但影響到前面設計是否能完整呈現,後面動態製做與程式撰寫,甚至整個網站的流量、頻寬,都決定在這個步驟。講起來很嚇人,但真的就是這樣。可是這個步驟往往被忽視掉了。你看過時程表上拉個「Flash元件製做」嗎?應該是沒有。東西很自然的從「靜態」變成「動態」了,沒人管它為什麼。但不論如何,還是要有個苦命人把這件事情給做好。

2009年10月27日 星期二

Facebook新的Share Button

眼看10月又快過了,我的Blog裡面一篇新文章也沒有!這也太淒涼了~(最近幾篇似乎都是這麼無奈的開場),好吧,正好Facebook昨天發表了新的Share Button,那就來測試一下,介紹一下它吧!

2009年9月23日 星期三

Facebook App.開發心得分享


前陣子完成了兩個Facebook App.有關的專案:波蜜Eye現Live秀波蜜Eye現Live秀電眼能量補給品以及漢堡王真情不怕火烤,友情大PK。因為那時忙到出國前幾個小時,接著兩個禮拜都在國外,回來後立刻被追殺要分享,加上Blog缺水好久了,那就來個開發心得吧。不過因為是對一般人的分享,這邊得要先略過技術與程式碼的部分了。


首先複習一下,Facebook App.的三種類型的應用:在Facebook上的、外部網站的、以及桌面的App.。第一種Facebook上的App.,就是會套上Facebook的chrome,也就是上下的外框,然後網址是"http://apps.facebook.com/appname/",appname就是每個App.特有的名稱。這頁叫作畫布canvas。中間則是用iFrame或FBML顯示App.的內容,而App.的內容就是要自己找server放啦!也就是hosting在自己家,資料庫等等也都是用自己的,所以在開發上其實跟一般網站沒多大差別。這種好處是可以在Facebook網站上就可以連結到,也可以有加入書籤等等功能。寬度760。實際製作750會比較好。我們做的波蜜Eye現Live秀電眼能量補給品就是這一類的應用。

2009年8月9日 星期日

用Flash開發Facebook App.

又兩個禮拜沒寫文章了...10篇果然不是那麼好達成的啊~~最近除了趕案子,還迷上Facebook的一些農場、餐廳等遊戲,虛耗了一些時間。然而好景不常,由於企劃被客戶追殺,然後企劃追殺我,於是趁颱風天趕緊來研究一下如何在Facebook上開發App.。這真是個人吃人的社會啊~~~

2009年7月26日 星期日

Flash網站基礎建設(1)—SWFObject、SWFFit、SWFAddress三兄弟登場!之卷

來篇正式的文章。

問題一:在以前,要在html上嵌入一個swf很簡單,用Dreamweaver,點選一個flash的icon,選好檔案,大概就解決了。後來,IE在某次更新後,對於ActiveX的安全性考量,使用者必須點擊後,才能正常運作。這就是大家熟知的"虛線框"問題。Dreamweaver 8在某版更新後,有提出解決方法,會產生一個Scripts/AC_RunActiveContent.js的東西來解決。不過使用起來有點麻煩。

2009年7月22日 星期三

基礎工程很重要



這兩天在製作一個新的專案,想說就趁這次把每個Flash網站必備的基礎功能,以及最近看到的一些東西,全部重新整理改寫,作出一個類似templete的東西,這樣以後開發網站比較快,就可以多點時間專注在一些特別的功能上面。