[Facebook]如何建立應用程式、取得API密鑰?

很多人都使用過Facebook上面的應用程式,那不知道是否有興趣來自己開發看看呢?就像噗浪一樣,Facebook也有提供API給開發程式者使用,你只要會運用API來存取Facebook資料,就可以輕鬆弄出很多好玩的應用程式。至於該如何開發呢?基本上只要有一些程式的基礎就夠了,因為重點是官方API,會不會運用?

Facebook官方提供了多種存取的方式,像是FBML、FBJS、FQL、Facebook API等等,就看大家喜歡透過那些方式去存取,或是綜合使用也是可以的。不過重點來了,首先你必須先加入Facebook的開發人員才可以有權限建立應用程式喔!因為在這邊需要獲得API、密鑰等等,這樣才能有權限去存取資源。

儘管目前Facebook的熱潮有點過了,但其社群龍頭地位依然不變。還是有很多看好這塊市場大餅,透過在Facebook上面開發一些應用程式來集氣,「人潮就是錢潮」這個定理就是這樣得證的。想要開發應用程式,重點就是要先加入開發人員,不過官方似乎把連結藏得亂七八糟,真的是…(攤手)。

第1步 請先按這裡來到開發人員的專頁,點擊左上方的﹝前往應用程式﹞。

[Facebook]如何建立應用程式、取得API密鑰?

第2步 接著,開發人員這個應用程式會需要您授權給它,讓它可以存取你的基本資料。

[Facebook]如何建立應用程式、取得API密鑰?

第3步 授權後,進到開發人員頁面,點擊右上角的﹝建立新的應用程式﹞吧!

[Facebook]如何建立應用程式、取得API密鑰?

第4步 接著請替應用程式取個名稱吧!中英文皆可以輸入,點擊﹝建立應用程式﹞。

[Facebook]如何建立應用程式、取得API密鑰?

第5步 避免有人濫註冊,所以需要輸入驗證碼驗證一下,輸入完成後點﹝確認﹞。

[Facebook]如何建立應用程式、取得API密鑰?

第6步這個頁面中,你可以看到你自己所有的應用程式,在這可以找到應用程式專用的API、程式ID、密鑰等等,可以點擊「編輯設定」進入程式的描述設定、程式設定等等。

[Facebook]如何建立應用程式、取得API密鑰?

第7步 進入後,可以對程式設定一些基本的資料,像是應用程式的名稱、簡介、或是對應用程式上傳一個專屬的圖示,另外還有這個應用程式的聯絡方式等等,就請大家自由設定囉!

[Facebook]如何建立應用程式、取得API密鑰?

第7步 事實上重點的設定在左邊的【Facebook整合】,這邊你必須設定應用程式頁面的網址、你的程式位置,嵌入程式的方式等等,設定錯了,就無法讓應用程式順利顯示在Facebook應用程式頁面中囉!

  • Canvas Page:應用程式的連結(Facebook的應用程式連結)
  • Canvas URL:你的程式所放置的主機之目錄(不可以包含檔案名稱)
  • Canvas Type:程式的嵌入方式,可以選擇Iframe(框架)或是FBML
  • Iframe大小:可以選擇有出現Scrollbars或是自動調整成符合頁面大小
  • 書籤網址:若有人將應用程式列到專頁,那頁籤連結過去的即是這邊指定的頁面

[Facebook]如何建立應用程式、取得API密鑰?

補充一下,如果你要建立第二個(以上)的應用程式,可以在這個頁面點擊右上角的﹝建立新的應用程式﹞,或是直接進入應用程式建立頁面來進行新增,不過這時Facebook會要求你進行身分的驗證,有信用卡驗證或是手機驗證。香腸我是使用手機進行認證,你只要按照他的指示輸入手機號碼,這時你就會即刻收到驗證碼,輸入到Facebook就會開通了,以後就可以自由的新增應用程式囉!



  • http://www.88go.cc 88go

    進入開發人員頁面設定完之後,出現這個問題該如何解決?謝謝
    設定https://developers.facebook.com/apps 的FB應用程式,在應用程式內有一個設定是
    Facebook 登入網站==>網站位址(URL): 我設 http://我的網站網址.cc/
    按存檔的時候上面會有出現一個錯誤的訊息
    錯誤
    There was a problem saving your changes. Please try again later.

    • http://sofree.cc/s9011514/ 香腸

      這樣的錯誤並沒有明確指出問題點@@

  • chuei

    您好!請問進入開發人員頁面出現這個問題該如何解決?謝謝

    這個網頁含有重新導向迴圈
    位於 https://www.facebook.com/login.php?v=1.0&api_key=f5ded961c633da58bd638dbd587ada7d&canvas=1&next=https%3A%2F%2Fwww.facebook.com%2Fdevelopers 的網頁重新導向 次數過多,清除該網站的 Cookie 或允許第三方 Cookie 應該就能解決這個問題。如果 問題還是無法解決,可能是伺服器設定有誤,而不是您的 電腦出了問題。

    • http://sofree.cc/s9011514/ 香腸

      你的跳轉設定有誤囉~