將 App Service 或 Azure Functions 應用程式設定為使用 Facebook 登入
本文說明如何將 Azure App Service 或 Azure Functions 設定為使用 Facebook 作為驗證提供者。
若要完成本主題的程序,您需要有已驗證電子郵件地址和行動電話號碼的 Facebook 帳戶。 若要建立新的 Facebook 帳戶,請前往 facebook.com。
向 Facebook 註冊您的應用程式
移至 Facebook 開發人員網站,以您的 Facebook 帳戶認證登入。
如果您沒有 Facebook for Developers 帳戶,請選取 [開始使用] 並遵循註冊步驟。
選取 [我的應用程式]>[新增應用程式]。
在 [顯示名稱] 欄位中:
- 輸入應用程式的唯一名稱。
- 提供您的 [連絡人電子郵件]。
- 選取 [建立應用程式識別碼]。
- 完成安全性檢查。
新 Facebook 應用程式的開發人員儀表板隨即開啟。
選取 [儀表板]>[Facebook 登入]>[設定]>[Web]。
在左側導覽的 [Facebook 登入] 下,選取 [設定]。
在 [有效的 OAuth 重新導向 URI] 欄位中,輸入
https://<app-name>.azurewebsites.net/.auth/login/facebook/callback
。 請記得將<app-name>
換成您的 Azure App Service 應用程式名稱。選取儲存變更。
在左側窗格中,選取 [安全性]>[基本資料]。
在 [應用程式祕密] 欄位中,選取 [顯示]。 複製 [應用程式編號]和 [應用程式密鑰] 的值。 您稍後會在 Azure 中使用這些值來設定 App Service 應用程式。
重要
用戶端密碼是重要的安全性認證。 請勿與任何人共用此密碼,或在用戶端應用程式中加以散發。
您用來註冊應用程式的 Facebook 帳戶是應用程式的管理員。 目前,只有管理員可以登入此應用程式。
若要驗證其他 Facebook 帳戶,請選取 [應用程式審查] 並啟用 [將 <your-app-name> 公開],以允許大眾使用 Facebook 驗證來存取應用程式。
將 Facebook 資訊新增至您的應用程式
登入 Azure 入口網站,然後瀏覽至應用程式。
在左側功能表中,選取 [驗證]。 按一下 [新增識別提供者]。
在識別提供者下拉式清單中,選取 [Facebook]。 貼入您先前取得的 [應用程式編號] 和 [應用程式密鑰] 值。
秘密將儲存為位置固定的應用程式設定,名為
FACEBOOK_PROVIDER_AUTHENTICATION_SECRET
。 如果要在 Azure Key Vault 中管理秘密,您稍後可以將該設定更新為使用 Key Vault 參考。如果這是為應用程式設定的第一個識別提供者,則還會出現[App Service 驗證設定] 區段。 否則,您可以繼續下一個步驟。
這些選項決定應用程式如何回應未驗證的要求,預設選取項目會將所有要求重新導向以使用這個新的提供者登入。 您可以立即變更自訂此行為,或稍後從主要 [驗證] 畫面選擇 [驗證設定] 旁的 [編輯],以調整這些 [設定]。 若要深入了解這些選項,請參閱驗證流程。
(選擇性) 按 [下一步:範圍],並新增應用程式所需的任何範圍。 在以瀏覽器為基礎的流程中,登入時會要求這些範圍。
按一下新增。
現在,您可以在應用程式中使用 Facebook 進行驗證。 [驗證] 畫面會列出提供者。 您可以從這裡編輯或刪除此提供者設定。