FB APP 申請 – FB Login

更新於 發佈於 閱讀時間約 5 分鐘

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

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

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

raw-image

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

raw-image

Step2 建立應用程式

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

raw-image

Step3 新增 Facebook 登入應用程式

點擊下圖設定按鈕

raw-image


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

raw-image

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

raw-image

Step4:基本資料設定

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

raw-image

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

raw-image

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

raw-image
raw-image

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

raw-image

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

raw-image

啟用指定功能
以下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 確認應用程式狀態
要確認應用程式狀態變為 “上線”
“上線” 代表他啟用成功

raw-image




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


raw-image

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

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

raw-image

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

raw-image
raw-image

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

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

raw-image



留言
avatar-img
留言分享你的想法!
avatar-img
TinyBook的沙龍
6會員
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
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
要在Chrome上發布外掛,需要經過以下幾個步驟 註冊為線上應用程式開發人員 卻把外掛格式正確 完成上架流程 1. 註冊為線上應用程式開發人員 步驟1-1:進入網頁 首先進入以下網址:Chrome Developer Dashboard 步驟1-2:支付一次性註冊費 要注意的是要在Chrome商店發
Thumbnail
要在Chrome上發布外掛,需要經過以下幾個步驟 註冊為線上應用程式開發人員 卻把外掛格式正確 完成上架流程 1. 註冊為線上應用程式開發人員 步驟1-1:進入網頁 首先進入以下網址:Chrome Developer Dashboard 步驟1-2:支付一次性註冊費 要注意的是要在Chrome商店發
Thumbnail
現行在開發需求上遇到即時推播訊息,其中一個推播方式就是利用firebase發送,並且讓應用程式即刻的收到推播,本篇一步一步的建立專案並且可以發送訊息。 前提: 目前利用程式向firebase 發送推播有三種方式 SEND TO TOKEN (針對device所產生的token) SEND TO TO
Thumbnail
現行在開發需求上遇到即時推播訊息,其中一個推播方式就是利用firebase發送,並且讓應用程式即刻的收到推播,本篇一步一步的建立專案並且可以發送訊息。 前提: 目前利用程式向firebase 發送推播有三種方式 SEND TO TOKEN (針對device所產生的token) SEND TO TO
Thumbnail
一個APP在規劃的時候可能覺得主要功能就只有這一兩個,實作起來應該不難,卻忘了現代人的胃口已經越養越大,很多不在你預期內但對於使用者來說卻是很基本的功能;另一種是商店上架或是第三方要求的必要功能。今天我們來探討第三種必要功能:OAuth登入。
Thumbnail
一個APP在規劃的時候可能覺得主要功能就只有這一兩個,實作起來應該不難,卻忘了現代人的胃口已經越養越大,很多不在你預期內但對於使用者來說卻是很基本的功能;另一種是商店上架或是第三方要求的必要功能。今天我們來探討第三種必要功能:OAuth登入。
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
若是用第一種callback方法,response json要包含連結跟unique code,這個連結是要給user查詢刪除狀態用的,從官方提供的範例PHP程式碼可得知。 Note: 別忘了圖1的「資料刪除回呼網址」記得填你的callback url。
Thumbnail
若是用第一種callback方法,response json要包含連結跟unique code,這個連結是要給user查詢刪除狀態用的,從官方提供的範例PHP程式碼可得知。 Note: 別忘了圖1的「資料刪除回呼網址」記得填你的callback url。
Thumbnail
如果要使用FB Login等FB外掛服務,一定要申請一組FB APP,才能夠執行後台的FB登入功能,下方為FB APP的申請流程教學,一起來觀看學習吧!
Thumbnail
如果要使用FB Login等FB外掛服務,一定要申請一組FB APP,才能夠執行後台的FB登入功能,下方為FB APP的申請流程教學,一起來觀看學習吧!
Thumbnail
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
Thumbnail
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
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
本文使用網站的 FB 登入做示範 採用 Laravel 8 + Socialite 5 使用 Session 記錄狀態 不同版本可能會有些許語法及方法上的差異,請自行調整 前言 最近因為碰到需要實作 OAuth 第三方登入的需求,只好把之前隨便看看的東西撿回來研究並實作。不過我找到多數現存的中文文章
Thumbnail
本文使用網站的 FB 登入做示範 採用 Laravel 8 + Socialite 5 使用 Session 記錄狀態 不同版本可能會有些許語法及方法上的差異,請自行調整 前言 最近因為碰到需要實作 OAuth 第三方登入的需求,只好把之前隨便看看的東西撿回來研究並實作。不過我找到多數現存的中文文章
Thumbnail
GCP: API和服務 -> 資訊主頁 -> +啟用API和服務 搜尋google+ 啟用: 設定 OAuth 同意畫面: 選擇外部後,開始填寫資料: 建立憑證: 假如有多個應用程式平台,如網頁、app,都要各自建立OAuth用戶。 已授權的重新導向URI: 使用者透過 G
Thumbnail
GCP: API和服務 -> 資訊主頁 -> +啟用API和服務 搜尋google+ 啟用: 設定 OAuth 同意畫面: 選擇外部後,開始填寫資料: 建立憑證: 假如有多個應用程式平台,如網頁、app,都要各自建立OAuth用戶。 已授權的重新導向URI: 使用者透過 G
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News