Facebook, Flex, 網頁設計

Flex教學-Flex開發Facebook應用程式入門-申請與設定

梅干 2009/10/18
梅問題-flex教學-Flex開發Facebook應用程式入門
  隨著Blog的退燒與微網誌的降溫,當今最紅的炸子機應該就是Facebook莫屬,許多知名的電腦補習班如:優勢巨匠....等,都紛紛的推出Facebook應用程式開發的相關課程,仿間的書也漸漸的露出一道曙光,可見Facebook真的是夯翻天了,因此梅干當然也要追流行一下,才不會顯得自已老扣扣。


  話說回來仿間的Facebook的書好像只有一本,而網路上的中文教學雖然很多卻很零散,雖然國外也有不少的教學的網站,但厚真是讓梅干吃盡了苦頭,26個字母個個都認識,一組合起還真是有看給他沒有懂,仔細研究了幾天,總算摸索出一點點頭續了,接下來就與各位來分享一下,如何申請與設定一個屬於自已的Facebook開發應用程式。
Step1
開啟瀏覽器輸入http://www.facebook.com/developers,進入申請畫面後,按下【同意】鈕。
梅問題-flex教學-Flex開發Facebook應用程式入門
Step2
接著再按下【Set Up New Application】鈕,開始建立一個屬於自已的應用程式,接下來分別輸入應用程式的名稱同意條款,最後再按下【儲存變更】鈕,這時就已算大公告成。
梅問題-flex教學-Flex開發Facebook應用程式入門
Step3
完成後就成進入個人的設定頁面,這時候可設定一下個人的標誌圖示,只要點一下Change youre logo鏈結,就可定義自已的標誌圖案,完成後再下面順便也設定一下語言。
梅問題-flex教學-Flex開發Facebook應用程式入門
Step4
按下儲存後,就會跳到如下的畫面,這邊就會看到剛所申請的Facebook Api key,這時先點一下右邊的編輯設定選項,進入編輯畫面後,點一下畫布,並且在畫布頁面網址中,設定應用程式的路徑名稱,下方則是對應位置,這邊得留到應用程式部分,則放在自已的網頁空間,也就是說自已必需要有Web主機才行。
梅問題-flex教學-Flex開發Facebook應用程式入門
Step5
畫布申請好後,別忘了把index頁面上傳到剛所設定的空間下。
梅問題-flex教學-Flex開發Facebook應用程式入門
Step6
先取得facebook2flexAPI.zip,下載完畢後解壓縮,開啟Flex並將該專案匯入,完成後分別將api_key與secret的地方,填入自已所申請的Api Key。
梅問題-flex教學-Flex開發Facebook應用程式入門
Step7
之後發佈再上傳剛所設定的空間中,完成後再將網址輸入剛畫布所設定的路徑位置,哈~看到了嗎?點一下進入剛剛Flex所作的應用程式,並且點下Start using Facebook鈕,再按下Show Alums鈕,這時就會把該帳號的相本清單表列出來,Cool~這表示已經能成功的取得該帳號的相關資訊了。
梅問題-flex教學-Flex開發Facebook應用程式入門
   呼!總算完成申請與設定,一個屬於自已的Facebook應用程式,而Facbook應用程式可分成FBMLIframe二種, FBML是由Facebook官方所定義的一種語言,有提供一些函數供開發者使用,這邊梅干還沒深入研究,但今天也總算跨出了第一步,之後再來慢慢的研究,也該打洋了,床舖又在呼喚梅干了~ 希望這一篇對於想自已開發的朋友有幫助,晚安了~