FB APP 申請 – FB Login

更新 發佈閱讀 5 分鐘

要使用FB Login等FB外掛服務,一定要申請一組FB APP
下方為FB APP申請流程教學

Step1 前往FB開發者頁面 (Facebook for developers)

由此連結前往 https://developers.facebook.com/點擊右上角登入按鈕。

vocus|新世代的創作平台

登入後點擊右上角”我的應用程式”,點擊下方子選單按鈕” 建立應用程式 ”

vocus|新世代的創作平台

Step2 建立應用程式

輸入品牌名稱 (方便記憶的名詞就好) 和電子郵件,點擊右下角 “建立應用程式編號”

vocus|新世代的創作平台

Step3 新增 Facebook 登入應用程式

點擊下圖設定按鈕

vocus|新世代的創作平台


點擊設定進入後,點擊下圖”網站”開始設定

vocus|新世代的創作平台

進入”網站”頁面後,輸入網站網址,網址開頭必須為 https:// 安全加密網址
輸入完後點擊右下角 save按鈕

vocus|新世代的創作平台

Step4:基本資料設定

第一區塊,如下圖所示,有7個欄位

vocus|新世代的創作平台

1.應用程式網域:
使用獨有網址,輸入你的主網域,例如:https://www.test123.com
使用tinybot網址,輸入如下:https://tinybot.cc
把紅色的地方替換為你的網址即可。
2.隱私政策網址:
主要是描述網站會 “如何處理使用者個人資料”
使用者同意此聲明後,即具有契約效力。
於網站中編輯一個分頁,並將該分頁連結貼到這。
3.應用程式圖示:
消費者FB登入時,會出現此圖示
上傳尺寸 1024 x 1024像素,圖片大小 5MB 內
4.商業用途:
自營店:選“支持我自己的企業商家”
代理/待營運 幫商家建立,請選“為其他企業商家提供服務”
5.命名空間:欄位留空不用填。
6.服務條款網址:
網址連結會顯示在FB登入應用程式視窗 “應用程式條款” 裡
於網站中編輯一個分頁,並將該分頁連結貼到這。
7.類別:
依自己品牌的產業類型選擇。
第二區塊、第三區塊,如下圖所示

vocus|新世代的創作平台

第二區塊:驗證訪客
這邊有兩種驗證方法 “商家驗證” “個人驗證” 選擇一種方式驗證即可。
商家驗證:要使用 “商家驗證”,必須要先申請 FB企業管理平台 (FaceBook Business) 帳號

vocus|新世代的創作平台
vocus|新世代的創作平台

點擊 “立即開始” 按鈕,選擇 “企業管理平台帳號” 後點擊右下角 “提交” 按鈕
提交完畢後會自動變為下圖,驗證成功的狀態

vocus|新世代的創作平台

個人驗證:
教學文章的撰寫時間為2020/5月初,目前FB因疫情關係,暫時關閉個人驗證的部分
待恢復正常後補充
第三區塊:給資料保護長的聯絡資料:可留空跳過。
設定完畢後,點擊右下角的 儲存變更 按鈕
Step5:前往路徑 Facebook 登入/設定,設定相關選項

vocus|新世代的創作平台

啟用指定功能
以下4項功能,調整為啟用
1. “用戶端 OAuth 登入” 啟用
2. “網路 OAuth 登入” 啟用
3. “強制採用 HTTPS” 啟用
4. “對重新導向 URI 使用 Strict 模式” 啟用z
5.在 “有效的 OAuth 重新導向 URI”
請依照下列方法將連結貼到此欄位,貼上後按下Enter鍵
當連結變為藍底灰字才算輸入完成
使用獨有網址,輸入你的主網域,例如:https://www.test123.com/?wc-api=auth&done=facebook
使用tinybot網址,輸入如下,例如:https://tinybot.cc/test123/?wc-api=auth&done=facebook
把紅色的地方替換為你的網址即可。
6.取消授權,下方的所有欄位皆留空。
Step6 確認應用程式狀態
要確認應用程式狀態變為 “上線”
“上線” 代表他啟用成功

vocus|新世代的創作平台




如果應用程式狀態為 “調整中” 代表應用程式尚未開啟,需要手動將他切換為 “上線”


vocus|新世代的創作平台

Step7 取得編號與密鑰並放入TinyBook後台

前往設定/基本資料,複製 “應用程式編號” “應用程式密鑰”
密鑰需點擊右側的的 “顯示” 按鈕,讓他密鑰秀出來

vocus|新世代的創作平台

取得這兩組代碼後,到TinyBook的後台,選擇「系統設定」、「購物車流程設定」,找到「會員登入方式」,將代碼輸入後台,並按下「更新」

vocus|新世代的創作平台
vocus|新世代的創作平台

Step8 前往商店測試,是否能正常使用 Facebook帳號 註冊/登入

前往我的帳號頁面,點擊Facebook登入按鈕,登入測試

vocus|新世代的創作平台



留言
avatar-img
TinyBook的沙龍
7會員
32內容數
TinyBook的沙龍的其他內容
2022/07/28
讓補習班減少虧損、度過難關,先從數位轉型下手吧! 活用三個數位轉型的秘訣,提高補習班商家30%利潤! 1.線上預約+訂金系統,湊團開課無往不利 2.採用線上直播課程,開拓教學新市場 3.結合無紙化報到及POS系統,有效降低人力成本
Thumbnail
2022/07/28
讓補習班減少虧損、度過難關,先從數位轉型下手吧! 活用三個數位轉型的秘訣,提高補習班商家30%利潤! 1.線上預約+訂金系統,湊團開課無往不利 2.採用線上直播課程,開拓教學新市場 3.結合無紙化報到及POS系統,有效降低人力成本
Thumbnail
2022/07/28
只要提高學費就好了嗎?小型瑜珈教室的生存隱憂! 善用以下這三招,輕鬆就能拉高利潤、擴大瑜珈課的學生數量! 1.開設會員制瑜珈教室,讓現金流更為充足 2.導入線上瑜珈直播課程,擴大你的授課對象 3.不單只是賣課程!瑜珈結合精選商品,兼做電商也OK!
Thumbnail
2022/07/28
只要提高學費就好了嗎?小型瑜珈教室的生存隱憂! 善用以下這三招,輕鬆就能拉高利潤、擴大瑜珈課的學生數量! 1.開設會員制瑜珈教室,讓現金流更為充足 2.導入線上瑜珈直播課程,擴大你的授課對象 3.不單只是賣課程!瑜珈結合精選商品,兼做電商也OK!
Thumbnail
2022/07/28
為什麼出租率會低?關鍵因素在於缺乏「差異化」 善用下面這三招,讓出租率大幅上升,冷門時段也能輕鬆出租! 1.使用冷熱門時段差價,出租率提升超有感 2.架設24小時線上出租系統,深夜訂單也能輕鬆接 3.導入會員時數券,增加客戶的租借頻率
Thumbnail
2022/07/28
為什麼出租率會低?關鍵因素在於缺乏「差異化」 善用下面這三招,讓出租率大幅上升,冷門時段也能輕鬆出租! 1.使用冷熱門時段差價,出租率提升超有感 2.架設24小時線上出租系統,深夜訂單也能輕鬆接 3.導入會員時數券,增加客戶的租借頻率
Thumbnail
看更多
你可能也想看
Thumbnail
現行在開發需求上遇到即時推播訊息,其中一個推播方式就是利用firebase發送,並且讓應用程式即刻的收到推播,本篇一步一步的建立專案並且可以發送訊息。 前提: 目前利用程式向firebase 發送推播有三種方式 SEND TO TOKEN (針對device所產生的token) SEND TO TO
Thumbnail
現行在開發需求上遇到即時推播訊息,其中一個推播方式就是利用firebase發送,並且讓應用程式即刻的收到推播,本篇一步一步的建立專案並且可以發送訊息。 前提: 目前利用程式向firebase 發送推播有三種方式 SEND TO TOKEN (針對device所產生的token) SEND TO TO
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
要在Chrome上發布外掛,需要經過以下幾個步驟 註冊為線上應用程式開發人員 卻把外掛格式正確 完成上架流程 1. 註冊為線上應用程式開發人員 步驟1-1:進入網頁 首先進入以下網址:Chrome Developer Dashboard 步驟1-2:支付一次性註冊費 要注意的是要在Chrome商店發
Thumbnail
要在Chrome上發布外掛,需要經過以下幾個步驟 註冊為線上應用程式開發人員 卻把外掛格式正確 完成上架流程 1. 註冊為線上應用程式開發人員 步驟1-1:進入網頁 首先進入以下網址:Chrome Developer Dashboard 步驟1-2:支付一次性註冊費 要注意的是要在Chrome商店發
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
Step1: 打開github登入 https://github.com/ 創立一個Repositories把網頁檔案丟上去 之後點我圈起來的地方 把你的網頁檔案放上去 要注意把檔案都正確上傳(通常會有29個檔案) 並點擊下面確認按鈕 Step2: 打開netlify登入 https://app.n
Thumbnail
Step1: 打開github登入 https://github.com/ 創立一個Repositories把網頁檔案丟上去 之後點我圈起來的地方 把你的網頁檔案放上去 要注意把檔案都正確上傳(通常會有29個檔案) 並點擊下面確認按鈕 Step2: 打開netlify登入 https://app.n
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
Thumbnail
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
Thumbnail
如果要使用FB Login等FB外掛服務,一定要申請一組FB APP,才能夠執行後台的FB登入功能,下方為FB APP的申請流程教學,一起來觀看學習吧!
Thumbnail
如果要使用FB Login等FB外掛服務,一定要申請一組FB APP,才能夠執行後台的FB登入功能,下方為FB APP的申請流程教學,一起來觀看學習吧!
Thumbnail
Laravel設定 1. 安裝Socialite: 在之前的google第三方登入文章有提到,不再贅述。 2. .env新增: FB_CLIENT_ID=xxx FB_CLIENT_SECRET=xxx FB_REDIRECT=http://yourdomain/facebook/authCall
Thumbnail
Laravel設定 1. 安裝Socialite: 在之前的google第三方登入文章有提到,不再贅述。 2. .env新增: FB_CLIENT_ID=xxx FB_CLIENT_SECRET=xxx FB_REDIRECT=http://yourdomain/facebook/authCall
Thumbnail
若是用第一種callback方法,response json要包含連結跟unique code,這個連結是要給user查詢刪除狀態用的,從官方提供的範例PHP程式碼可得知。 Note: 別忘了圖1的「資料刪除回呼網址」記得填你的callback url。
Thumbnail
若是用第一種callback方法,response json要包含連結跟unique code,這個連結是要給user查詢刪除狀態用的,從官方提供的範例PHP程式碼可得知。 Note: 別忘了圖1的「資料刪除回呼網址」記得填你的callback url。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
一個APP在規劃的時候可能覺得主要功能就只有這一兩個,實作起來應該不難,卻忘了現代人的胃口已經越養越大,很多不在你預期內但對於使用者來說卻是很基本的功能;另一種是商店上架或是第三方要求的必要功能。今天我們來探討第三種必要功能:OAuth登入。
Thumbnail
一個APP在規劃的時候可能覺得主要功能就只有這一兩個,實作起來應該不難,卻忘了現代人的胃口已經越養越大,很多不在你預期內但對於使用者來說卻是很基本的功能;另一種是商店上架或是第三方要求的必要功能。今天我們來探討第三種必要功能:OAuth登入。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News