Twitter ログインを使用するように App Service アプリを構成するConfigure your App Service app to use Twitter login

この記事では、認証プロバイダーとして Twitter を使用するように Azure App Services を構成する方法を示します。This article shows how to configure Azure App Service 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.com にアクセスしてください。To create a new Twitter account, go to twitter.com.

Twitter にアプリケーションを登録する Register your application with Twitter

  1. Azure portal にサインインし、お使いのアプリケーションに移動します。Sign in to the Azure portal and go to your application. [URL] をコピーします。Copy your URL. これは Twitter アプリの構成で使用します。You'll use it to configure your Twitter app.

  2. Twitter Developers の Web サイトに移動し、Twitter アカウント資格情報でサインインし、 [Create New App] を選択します。Go to the Twitter Developers website, sign in with your Twitter account credentials, and select Create New App.

  3. 新しいアプリの [Name][Description] を入力します。Enter a Name and a Description for your new app. [Website] フィールドにアプリケーションの URL を貼り付けます。Paste your application's URL into the Website field. [コールバック URL] フィールドで、App Service アプリの URL を入力し、パス /.auth/login/aad/callback を追加します。In the Callback URL field, enter the URL of your App Service app and append the path /.auth/login/aad/callback. たとえば、「 https://contoso.azurewebsites.net/.auth/login/twitter/callback 」のように入力します。For example, https://contoso.azurewebsites.net/.auth/login/twitter/callback. HTTPS スキームを必ず使用してください。Make sure to use the HTTPS scheme.

  4. ページの下部で条項を読み、同意します。At the bottom of the page, read and accept the terms. [Create your Twitter application] を選択します。Select Create your Twitter application. アプリケーションの詳細が表示されます。The application details are displayed.

  5. [Settings] タブを選択し、 [Allow this application to be used to sign in with Twitter] チェックボックスをオンにし、 [Update Settings] を選択します。Select the Settings tab, check Allow this application to be used to sign in with Twitter, and then select Update Settings.

  6. [Keys and Access Tokens] タブをクリックします。Select the Keys and Access Tokens tab.

    これらの値を書き留めておきます。Make a note of these values:

    • コンシューマー キー (API キー)Consumer key (API key)
    • コンシューマー シークレット (API シークレット)Consumer secret (API secret)

    注意

    コンシューマー シークレットは、重要なセキュリティ資格情報です。The consumer secret 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 portal で自分のアプリケーションに移動します。Go to your application in the Azure portal.

  2. [設定][認証/承認] の順に選択し、 [App Service 認証][オン] になっていることを確認します。Select Settings > Authentication / Authorization, and make sure that App Service Authentication is On.

  3. [Twitter] を選択します。Select Twitter.

  4. 前に取得した API Key 値と API Secret 値を貼り付けます。Paste in the API Key and API Secret values that you obtained previously.

  5. [OK] を選択します。Select OK.

    モバイル アプリの Twitter 設定のスクリーンショット

    App Service は既定では認証を行いますが、サイトのコンテンツと API へのアクセス承認については制限を設けていません。By default, App Service provides authentication but doesn't restrict authorized access to your site content and APIs. アプリケーション コードでユーザーを承認する必要があります。You must authorize users in your app code.

  6. (省略可能) Twitter によって認証されたユーザーしかサイトにアクセスできないように制限するには、 [要求が認証されない場合に実行するアクション][Twitter] に設定します。(Optional) To restrict access to your site to only users authenticated by Twitter, set Action to take when request is not authenticated to Twitter. この機能を設定すると、お使いのアプリでは、すべての要求を認証する必要があります。When you set this functionality, your app requires all requests to be authenticated. また、認証されていない要求はすべて、Twitter に認証のためにリダイレクトされます。It also redirects all unauthenticated requests to Twitter for authentication.

    注意事項

    この方法でのアクセスの制限は、アプリへのすべての呼び出しに適用されますが、これは、多くのシングルページ アプリケーションのように、一般公開されているホーム ページが与えられているアプリには適切でない場合があります。Restricting access in this way applies to all calls to your app, which might not be desirable for apps that have a publicly available home page, as in many single-page applications. このようなアプリケーションの場合は、アプリ自体が手動で認証を開始する、 [匿名要求を許可する (操作不要)] が推奨されることがあります。For such applications, Allow anonymous requests (no action) might be preferred so that the app manually starts authentication itself. 詳細については、「認証フロー」をご覧ください。For more information, see Authentication flow.

  7. [保存] を選択します。Select Save.

これで、アプリケーションで認証に Twitter を使用する準備ができました。You are now ready to use Twitter for authentication in your app.

次のステップ Next steps