將 App Service 或 Azure Functions 應用程式設定為使用 Facebook 登入

本文說明如何將 Azure App Service 或 Azure Functions 設定為使用 Facebook 作為驗證提供者。

若要完成本主題的程序,您需要有已驗證電子郵件地址和行動電話號碼的 Facebook 帳戶。 若要建立新的 Facebook 帳戶,請前往 facebook.com

向 Facebook 註冊您的應用程式

  1. 移至 Facebook 開發人員網站,以您的 Facebook 帳戶認證登入。

    如果您沒有 Facebook for Developers 帳戶,請選取 [開始使用] 並遵循註冊步驟。

  2. 選取 [我的應用程式]>[新增應用程式]

  3. 在 [顯示名稱] 欄位中:

    1. 輸入應用程式的唯一名稱。
    2. 提供您的 [連絡人電子郵件]
    3. 選取 [建立應用程式識別碼]
    4. 完成安全性檢查。

    新 Facebook 應用程式的開發人員儀表板隨即開啟。

  4. 選取 [儀表板]>[Facebook 登入]>[設定]>[Web]

  5. 在左側導覽的 [Facebook 登入] 下,選取 [設定]

  6. 在 [有效的 OAuth 重新導向 URI] 欄位中,輸入 https://<app-name>.azurewebsites.net/.auth/login/facebook/callback。 請記得將 <app-name> 換成您的 Azure App Service 應用程式名稱。

  7. 選取儲存變更

  8. 在左側窗格中,選取 [安全性]>[基本資料]

  9. 在 [應用程式祕密] 欄位中,選取 [顯示]。 複製 [應用程式編號]和 [應用程式密鑰] 的值。 您稍後會在 Azure 中使用這些值來設定 App Service 應用程式。

    重要

    用戶端密碼是重要的安全性認證。 請勿與任何人共用此密碼,或在用戶端應用程式中加以散發。

  10. 您用來註冊應用程式的 Facebook 帳戶是應用程式的管理員。 目前,只有管理員可以登入此應用程式。

    若要驗證其他 Facebook 帳戶,請選取 [應用程式審查] 並啟用 [將 <your-app-name> 公開],以允許大眾使用 Facebook 驗證來存取應用程式。

將 Facebook 資訊新增至應用程式

  1. 登入 Azure 入口網站,然後瀏覽至應用程式。

  2. 在左側功能表中,選取 [驗證]。 按一下 [新增識別提供者]

  3. 在識別提供者下拉式清單中,選取 [Facebook]。 貼入您先前取得的 [應用程式編號] 和 [應用程式密鑰] 值。

    秘密將儲存為位置固定的應用程式設定,名為 FACEBOOK_PROVIDER_AUTHENTICATION_SECRET。 如果要在 Azure Key Vault 中管理秘密,您稍後可以將該設定更新為使用 Key Vault 參考

  4. 如果這是為應用程式設定的第一個識別提供者,則還會出現[App Service 驗證設定] 區段。 否則,您可以繼續下一個步驟。

    這些選項決定應用程式如何回應未驗證的要求,預設選取項目會將所有要求重新導向以使用這個新的提供者登入。 您可以立即變更自訂此行為,或稍後從主要 [驗證] 畫面選擇 [驗證設定] 旁的 [編輯],以調整這些 [設定]。 若要深入了解這些選項,請參閱驗證流程

  5. (選擇性) 按 [下一步:範圍],並新增應用程式所需的任何範圍。 在以瀏覽器為基礎的流程中,登入時會要求這些範圍。

  6. 按一下新增

現在,您可以在應用程式中使用 Facebook 進行驗證。 [驗證] 畫面會列出提供者。 您可以從這裡編輯或刪除此提供者設定。

後續步驟