[教學]如何申請建立 Facebook APP ID 應用程式ID ?

想要在網站上放的Facebook留言板,雖然語法直接放、外掛直接啟用就可以,但其實還有個小小的前置步驟,就是申請一個Facebook APP ID,這個APP並不是指手機APP而是Facebook應用程式的APP,主要是給開發人員使用,但是如果是部落格安裝Facebook留言板,其實也是需要它的。不過香腸遇到很多朋友不會申請,這次再來寫一個詳細說明。

Facebook歷經多次改版,早期的申請方式早已不堪使用,以前香腸也有寫過「不用外掛,在部落格上放的Facebook留言框!(可管理)」,但因年代久遠,常常下方有朋友留言告知教學不同不知如何操作,因此再次開個新帳號來測試一下Facebook APP ID的申請說明,對於想替網站加入一個Facebook留言板的朋友們,有一個基礎教學可作為參考。

想要建立Facebook APP ID,首先你必須要有一個Facebook帳號,然後需要到開發者介面中,申請註冊成為一個開發者,才可以申請此ID。不過這邊的介面現在是英文,對於新手或者是非程式背景的朋友來說會稍嫌複雜,不過只要按照圖片照圖操課,你也可以輕鬆建立。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

不囉嗦,就讓我們直接讓我們進入建立Facebook APP ID的教學吧!

Facebook Developer 開發者中心https://developers.facebook.com/

第1步  初次進入Facebook Developer的朋友們,先點選【My Apps】→【Register as a Developer】。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第2步  接著先把隱私條款點選成【是】,再點﹝下一頁﹞就可以成為開發者。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第3步  這時一樣在Developers中心,點選【My Apps】→【Add a New App】。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第4步  此時因為我們是要建立Facebook留言板,因此選「網站」。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第5步  接著進入點選右上角﹝Skip and Create App ID﹞。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第6步  這時,請依照欄位輸入資料,最後點選﹝Create App ID﹞。

  • Display Name:可輸入中文,用於辨識此APP而已,可以輸入「網站名稱+留言板」。
  • Namespace:需全英文(可搭配底線)。
  • 類別:隨意選擇,不知道可以選【實用類】。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第7步  這時會需要輸入驗證碼,請輸入後按﹝送出﹞。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第8步  最後會跳轉到APP設定畫面,我們會看到我們申請的「APP ID」,這個就是Facebook留言板會用到的編號,請留著。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第9步  不過別以為這樣就結束,我們在APP的設定畫面中點選左側【Settings】,接著在「App Domains」輸入您的網址,例如網址是「wpbox.tips」就直接輸入,輸入後FB有提示點選一下即可。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第10步  完成後須按下方的App Domains一樣(不需要http的開頭)。接著右側的「Contact Email」輸入您的聯絡信箱,輸入完畢後再點下方﹝+Add Platform﹞。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第11步  這時請選擇「Website」。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第12步  這時請在欄位上輸入您的網址,兩格皆是,最後點﹝Save Changes﹞即可完成設定。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

第13步  最後畫面上看到類似下圖,表示設定完畢,記得上方「應用程式ID」就是「Facebook APP ID」。

[教學]如何申請建立 Facebook APP ID 應用程式ID ?

在Google News上追蹤我們最新文章
香腸
香腸

喜歡在網路上透過文字與圖片分文章教學,默默地用鍵盤烤了9年的香腸。另外還身兼阿腸接案餬口飯吃。對了,別叫我阿腸,請叫我香腸,這樣我才知道你看我部落格長大的。

文章: 1781

26 則留言

  1. 能否請問你,如果在FB都設定好了網址,然後也在要用FB登入的網站後台設定好FB的API等等資料了,但是用FB登入會出現「無法載入網址: 這個網址的網域未包含在應用程式的網域中。若要載入這個網址,請在應用程式設定的「應用程式網域」欄位中新增應用程式的所有的網域及子網域。」,有可能是什麼問題呢?

  2. 您好:想請問您一個問題,我有一個網站使用FB登入,不過不小心將原本的FB my apps刪除了,於是我將它重新建立,再將appid放入我的程式中,我的網站再去點選fb登入,它要我重新加入,有辦法不要重新加入嗎?

  3. 你好,我想透過這個app發佈貼文,我用自己的帳號登入是成功的,但別人的帳號就不行會出現錯誤,請問這個Facebook App 是否需要發佈或開放給別人使用呢? 謝謝!

  4. 請問一下~

    App Domains 是不是沒有 網域 就不能使用呢?

    我是用學校提供的ip下去使用,但一直顯示「This must be derived from Secure Canvas URL 、 Unity Binary URL 、網站URL 、 Mobile Site URL 或 Secure Page Tab URL. Check and correct the following domains: xxx.xxx.xx.xx」

  5. 請問一下入門問題,今天申請 FB,是不是不能立馬就申請 Facebook APP ID ?2年前試過,記得一個月內都不行,一直到最後我刪掉那個測試帳號都沒申請 APP ID成功過,是我疏忽了甚麼?是不是申請 Facebook APP ID 有甚麼限制條件?

  6. 請問一下入門問題,今天申請 FB,是不是不能立馬就申請 Facebook APP ID ?2年前試過,記得一個月內都不行,是我疏忽了甚麼?是不是申請 Facebook APP ID 有甚麼限制條件?

  7. 請問幾個入門問題,
    1. 今天申請 FB,今天就可以申請 Facebook APP ID 嗎?2年前試過是不行,是我疏忽了甚麼?是不是申請 Facebook APP ID 有甚麼限制條件?
    2. 申請 Facebook APP ID,需不需要付費給 FB?例如我建立一個FB購物車,我要給 FB 錢嗎?

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料