設定您的 App Service 或 Azure Functions 應用程式以使用 Twitter 登入Configure your App Service or Azure Functions app to use Twitter login

本文說明如何設定 Azure App Service 或 Azure Functions,以使用 Twitter 作為驗證提供者。This article shows how to configure Azure App Service or Azure Functions to use Twitter as an authentication provider.

若要完成本文中的程式,您需要具有已驗證電子郵件地址和電話號碼的 Twitter 帳戶。To complete the procedure in this article, you need a Twitter account that has a verified email address and phone number. 若要建立新的 Twitter 帳戶,請前往 twitter.comTo create a new Twitter account, go to twitter.com.

向 Twitter 註冊您的應用程式 Register your application with Twitter

  1. 登入 Azure 入口網站 並移至您的應用程式。Sign in to the Azure portal and go to your application. 複製您的 URLCopy your URL. 您將使用它來設定您的 Twitter 應用程式。You'll use it to configure your Twitter app.

  2. 前往 [Twitter 開發人員] 網站,使用您的 Twitter 帳號憑證登入,然後選取 [ 建立應用程式]。Go to the Twitter Developers website, sign in with your Twitter account credentials, and select Create an app.

  3. 輸入新應用程式的應用程式 名稱應用程式描述Enter the App name and the Application description for your new app. 在 [網站 url ] 欄位中,貼上您的應用程式 urlPaste your application's URL into the Website URL field. 在 [ 回呼 url ] 區段中,輸入 App Service 應用程式的 HTTPS URL,然後附加路徑 /.auth/login/twitter/callbackIn the Callback URLs section, enter the HTTPS URL of your App Service app and append the path /.auth/login/twitter/callback. 例如: https://contoso.azurewebsites.net/.auth/login/twitter/callbackFor example, https://contoso.azurewebsites.net/.auth/login/twitter/callback.

  4. 在頁面底部的 [ 告訴我們此應用程式的使用方式] 中輸入至少100個字元,然後選取 [ 建立]。At the bottom of the page, type at least 100 characters in Tell us how this app will be used, then select Create. 在快顯視窗中,再次按一下 [ 建立 ]。Click Create again in the pop-up. 應用程式詳細資料隨即顯示。The application details are displayed.

  5. 選取 [ 金鑰和存取權杖 ] 索引標籤。Select the Keys and Access Tokens tab.

    請記下這些值:Make a note of these values:

    • API 金鑰API key
    • API 秘密金鑰API secret key

    重要

    API 秘密金鑰是重要的安全性認證。The API secret key is an important security credential. 請勿將此密碼告訴任何人或隨應用程式一起散發。Do not share this secret with anyone or distribute it with your app.

將 Twitter 資訊新增至應用程式 Add Twitter information to your application

  1. 登入 Azure 入口網站 ,然後流覽至您的應用程式。Sign in to the Azure portal and navigate to your app.

  2. 在左側功能表中選取 [ 驗證 ]。Select Authentication in the menu on the left. 按一下 [ 新增識別提供者]。Click Add identity provider.

  3. 在 [識別提供者] 下拉式清單中選取 [ Twitter ]。Select Twitter in the identity provider dropdown. 貼上 API key API secret key 您先前取得的和值。Paste in the API key and API secret key values that you obtained previously.

    密碼會儲存為位置的位置,也就是名為的 應用程式設定 TWITTER_PROVIDER_AUTHENTICATION_SECRETThe secret will be stored as a slot-sticky application setting named TWITTER_PROVIDER_AUTHENTICATION_SECRET. 如果您想要在 Azure Key Vault 中管理秘密,您可以稍後更新該設定,以使用 Key Vault 參考You can update that setting later to use Key Vault references if you wish to manage the secret in Azure Key Vault.

  4. 如果這是針對應用程式所設定的第一個身分識別提供者,系統也會提示您輸入 App Service authentication 設定 區段。If this is the first identity provider configured for the application, you will also be prompted with an App Service authentication settings section. 否則,您可以繼續進行下一個步驟。Otherwise, you may move on to the next step.

    這些選項會決定您的應用程式如何回應未經驗證的要求,而預設選項會將所有要求重新導向至以這個新的提供者登入。These options determine how your application responds to unauthenticated requests, and the default selections will redirect all requests to log in with this new provider. 您可以選擇 [驗證設定] 旁邊的 [編輯],立即變更自訂此行為,或稍後從主要 驗證 畫面調整這些設定。You can change customize this behavior now or adjust these settings later from the main Authentication screen by choosing Edit next to Authentication settings. 若要深入瞭解這些選項,請參閱 驗證流程To learn more about these options, see Authentication flow.

  5. 按一下 [新增]Click Add.

您現在已準備好在您的應用程式中使用 Twitter 進行驗證。You're now ready to use Twitter for authentication in your app. 此提供者會列在 [ 驗證 ] 畫面上。The provider will be listed on the Authentication screen. 您可以從這裡編輯或刪除此提供者設定。From there, you can edit or delete this provider configuration.

後續步驟 Next steps