1. 進入 Meta for developer
https://developers.facebook.com/
點擊新手指南
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/Screenshot-2022-08-31-at-14.38.06.png)
填寫基本資料以建立Facebook for Developer 帳戶
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/Screenshot-2022-08-31-at-14.40.13.png)
2. 點擊我的應用程式
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/Screenshot-2022-08-31-at-14.42.58.png)
如沒有應用程式,請先建立應用程式
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/Screenshot-2022-08-31-at-14.43.48.png)
選擇 消費者 作應用程式類型
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/Screenshot-2022-09-16-151740-1024x866.png)
填寫顯示名稱、應用程式聯絡電郵地址和連結到商業帳戶
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/Screenshot-2022-08-31-at-14.46.37.png)
3. 新增「Facebook 登入」應用程式
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/image-1-1024x620.png)
選擇要將應用程式使用在「網站」中
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/image-9-1024x316.png)
4. 請在網站網址中輸入您店舖的網址,例如:https://xxxxxx.myshopuddy.com。 輸入URL後,請點擊右下角的“保存”按鈕,等待應用訪問該URL。
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/image-10-1024x696.png)
5. 接下來到「設定 > 基本資料」填寫應用程式網址、隱私政策網址、應用程式圖示、服務條款。
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/image-11-1024x497.png)
- 應用程式網域(必填)
這個欄位總共會需要輸入 2 個網址 (網域和包含子網域網址)
1. myshopuddy.com
2. xxxxxxx.myshopuddy.com (輸入你的客戶端應用)
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/image-12-1024x230.png)
- 隱私政策網址(必填)
- 用戶資料刪除(必填)
- 應用程式圖示(必填)
- 網站網址(必填)
6. 接下來到「Facebook 登入 > 設定」中的「用戶端 OAuth 設定」進行設定
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/image-13-1024x587.png)
- 開啓「用戶端 OAuth 登入」
- 開啓「網路 OAuth 登入」
- 開啓「對重新導向 URI 使用 Strict 模式」
- 開啓「強制採用 HTTPS」
- 在「有效的 OAuth 重新導向 URI 」輸入連結 (https://shopuddy-prod.firebaseapp.com/__/auth/handler)
- 完成設定後點選「儲存變更」按鈕
7.
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/image-30-1024x527.png)
進入「設定 > 基本資料」, 點擊「應用程式密鑰」旁的「顯示」按鈕,讓其代碼顯示出來。將「應用程式編號」以及「應用程式密鑰」複製下來。
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/image-15-1024x98.png)
前往 https://admin.shopuddy.com/zh-HK/web-portal,然後按 安全 按鈕
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/Screenshot-2022-08-31-at-13.11.58.png)
輸入用戶端 ID 以及用戶端密碼,然後按儲存
![data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7](https://cms.shopuddy.com/wp-content/uploads/2022/09/image-14.png)
儲存成功後約一至兩個工作天便可成功啟用Facebook帳戶登入!