FB APP 申請 – FB Login

更新於 發佈於 閱讀時間約 4 分鐘
要使用FB Login等FB外掛服務,一定要申請一組FB APP
下方為FB APP申請流程教學

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

由此連結前往 https://developers.facebook.com/點擊右上角登入按鈕。
登入後點擊右上角”我的應用程式”,點擊下方子選單按鈕” 建立應用程式 ”

Step2 建立應用程式

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

Step3 新增 Facebook 登入應用程式

點擊下圖設定按鈕

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

Step4:基本資料設定

第一區塊,如下圖所示,有7個欄位
1.應用程式網域:
使用獨有網址,輸入你的主網域,例如:https://www.test123.com
使用tinybot網址,輸入如下:https://tinybot.cc
把紅色的地方替換為你的網址即可。
2.隱私政策網址:
主要是描述網站會 “如何處理使用者個人資料”
使用者同意此聲明後,即具有契約效力。
於網站中編輯一個分頁,並將該分頁連結貼到這。
3.應用程式圖示:
消費者FB登入時,會出現此圖示
上傳尺寸 1024 x 1024像素,圖片大小 5MB 內
4.商業用途:
自營店:選“支持我自己的企業商家”
代理/待營運 幫商家建立,請選“為其他企業商家提供服務”
5.命名空間:欄位留空不用填。
6.服務條款網址:
網址連結會顯示在FB登入應用程式視窗 “應用程式條款” 裡
於網站中編輯一個分頁,並將該分頁連結貼到這。
7.類別:
依自己品牌的產業類型選擇。
第二區塊、第三區塊,如下圖所示
第二區塊:驗證訪客
這邊有兩種驗證方法 “商家驗證” “個人驗證” 選擇一種方式驗證即可。
商家驗證:要使用 “商家驗證”,必須要先申請 FB企業管理平台 (FaceBook Business) 帳號
點擊 “立即開始” 按鈕,選擇 “企業管理平台帳號” 後點擊右下角 “提交” 按鈕
提交完畢後會自動變為下圖,驗證成功的狀態
個人驗證:
教學文章的撰寫時間為2020/5月初,目前FB因疫情關係,暫時關閉個人驗證的部分
待恢復正常後補充
第三區塊:給資料保護長的聯絡資料:可留空跳過。
設定完畢後,點擊右下角的 儲存變更 按鈕
Step5:前往路徑 Facebook 登入/設定,設定相關選項
啟用指定功能
以下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 確認應用程式狀態
要確認應用程式狀態變為 “上線”
“上線” 代表他啟用成功


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

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

前往設定/基本資料,複製 “應用程式編號” “應用程式密鑰”
密鑰需點擊右側的的 “顯示” 按鈕,讓他密鑰秀出來
取得這兩組代碼後,到TinyBook的後台,選擇「系統設定」、「購物車流程設定」,找到「會員登入方式」,將代碼輸入後台,並按下「更新」

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

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

為什麼會看到廣告
avatar-img
5會員
32內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
TinyBook的沙龍 的其他內容
若要透過LINE進行自家電商的網頁登入,首先必須獲得LINE APP的授權,這次TinyBook將會教你如何申請LINE login,並一步步帶您完成APP的授權及後台的嵌入哦!
要讓顧客在 Google 可以搜尋到自己的網站,透過 Google Search Console 的 sitemap 提交功能,就可以主動把自己的網站提交哦!
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
藍新金流是全台第二大的線上金流服務,透過線上金流串接,可以讓消費者直接下訂及付款,甚至是做到線上信用卡、虛擬ATM轉帳、超商代碼收款、或信用卡定期定額等服務。 TinyBook為藍新特約合作商家,只要透過我們申請藍新金流商家,就能立即享有特約優惠哦,優惠詳情請洽我們的Line客服!
好不容易申請完藍新,每次都還要開紙本發票,非常不方便,別擔心,TinyBook這次教大家藍新電子發票的後台操作,只要申請好並且完成設定,就能自動開立並寄送電子發票囉! 本單元將簡單介紹以下幾點,包含: 一、前往ezPay後台取得串接金鑰 二、前往TinyBook後台完成輸入
若要透過LINE進行自家電商的網頁登入,首先必須獲得LINE APP的授權,這次TinyBook將會教你如何申請LINE login,並一步步帶您完成APP的授權及後台的嵌入哦!
要讓顧客在 Google 可以搜尋到自己的網站,透過 Google Search Console 的 sitemap 提交功能,就可以主動把自己的網站提交哦!
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
藍新金流是全台第二大的線上金流服務,透過線上金流串接,可以讓消費者直接下訂及付款,甚至是做到線上信用卡、虛擬ATM轉帳、超商代碼收款、或信用卡定期定額等服務。 TinyBook為藍新特約合作商家,只要透過我們申請藍新金流商家,就能立即享有特約優惠哦,優惠詳情請洽我們的Line客服!
好不容易申請完藍新,每次都還要開紙本發票,非常不方便,別擔心,TinyBook這次教大家藍新電子發票的後台操作,只要申請好並且完成設定,就能自動開立並寄送電子發票囉! 本單元將簡單介紹以下幾點,包含: 一、前往ezPay後台取得串接金鑰 二、前往TinyBook後台完成輸入
你可能也想看
Google News 追蹤
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
Thumbnail
【新手創業者的好夥伴】 ─這是最容易入門,也是大眾最熟悉的平台之一 在談到新手創業如何有效運用社群媒體時, 我會首推Meta(也就是Facebook)。 這個平台不僅易於上手, 也是大眾最為熟悉的。 我最初也是在這個平台上跌跌撞撞, 才一路走到了
Thumbnail
需求情境: 為了讓多人使用 App,必須有驗證程序,以識別特定使用者,存取各自擁有的資源。 解決方案: 引用 google 所提供的雲端服務平台 Firebase,其中有多種驗證功能可選用。基於個人對 google 的偏愛,決定先採用 google signin 的方法,實作 login lo
Thumbnail
Facebook廣告過審攻略及限制處理,以及如何在Facebook上尋找客戶的7種方法。透過避開一些雷區,並連結產品關鍵字、FB粉專及群組,以及找到中小企業的FB粉專聯絡方式,幫助你在Facebook上拓展業務。
Thumbnail
Facebook直播是一個強大的工具,可以讓您與您的觀眾即時互動和分享內容。如果您想在您的網站上舉辦一個直播活動,將Facebook直播嵌入到您的網站中是一個很好的選擇。在本文中,我們將向您介紹如何在Facebook上開啟直播並將其嵌入到您的網站中。
Thumbnail
你有在臉書開設粉絲專頁嗎?有設好用戶名稱嗎 如果沒設的粉專,會像以下網址是一串的數字 profile.php?id=61555629173460 如:https://www.facebook.com/profile.php?id=61555629173460 若有設用戶名稱,會像以下的網址是英
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
Thumbnail
本文探討會員系統網頁設計的技巧和策略,包括註冊和登錄流程設計、個人化的會員資料頁面、會員等級和權益設計、會員專區和互動功能、客戶支持和反饋機制等。
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
Thumbnail
【新手創業者的好夥伴】 ─這是最容易入門,也是大眾最熟悉的平台之一 在談到新手創業如何有效運用社群媒體時, 我會首推Meta(也就是Facebook)。 這個平台不僅易於上手, 也是大眾最為熟悉的。 我最初也是在這個平台上跌跌撞撞, 才一路走到了
Thumbnail
需求情境: 為了讓多人使用 App,必須有驗證程序,以識別特定使用者,存取各自擁有的資源。 解決方案: 引用 google 所提供的雲端服務平台 Firebase,其中有多種驗證功能可選用。基於個人對 google 的偏愛,決定先採用 google signin 的方法,實作 login lo
Thumbnail
Facebook廣告過審攻略及限制處理,以及如何在Facebook上尋找客戶的7種方法。透過避開一些雷區,並連結產品關鍵字、FB粉專及群組,以及找到中小企業的FB粉專聯絡方式,幫助你在Facebook上拓展業務。
Thumbnail
Facebook直播是一個強大的工具,可以讓您與您的觀眾即時互動和分享內容。如果您想在您的網站上舉辦一個直播活動,將Facebook直播嵌入到您的網站中是一個很好的選擇。在本文中,我們將向您介紹如何在Facebook上開啟直播並將其嵌入到您的網站中。
Thumbnail
你有在臉書開設粉絲專頁嗎?有設好用戶名稱嗎 如果沒設的粉專,會像以下網址是一串的數字 profile.php?id=61555629173460 如:https://www.facebook.com/profile.php?id=61555629173460 若有設用戶名稱,會像以下的網址是英
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
Thumbnail
本文探討會員系統網頁設計的技巧和策略,包括註冊和登錄流程設計、個人化的會員資料頁面、會員等級和權益設計、會員專區和互動功能、客戶支持和反饋機制等。