ASP.NET Web API を使用した外部認証サービス (C#)

[アーティクル]
01/15/2025

新しい Web アプリ開発では、最小限の API することをお勧めします

最も安全な認証オプションを使用することをお勧めします。 Azure にデプロイされた .NET アプリについては、次を参照してください。

Azure Key Vault と .NET Aspire は、シークレットを格納および取得するための最も安全な方法を提供します。 Azure Key Vault は、証明書、接続文字列、パスワードなどの暗号化キーとシークレットを保護するクラウドサービスです。 .NET アスパイアについては、「ホスティングとクライアント統合の間のセキュリティで保護された通信を参照してください。

リソース所有者のパスワード資格情報の付与は、次の理由で回避してください。

ユーザーのパスワードをクライアントに公開します。
重大なセキュリティリスクです。
他の認証フローが不可能な場合にのみ使用してください。

アプリがテストサーバーにデプロイされている場合、環境変数を使用して、接続文字列をテストデータベースサーバーに設定できます。環境変数は通常、プレーンで暗号化されていないテキストで格納されます。マシンまたはプロセスが侵害された場合、信頼されていない関係者が環境変数にアクセスできます。運用環境の接続文字列は最も安全な方法ではないため、環境変数を使用して格納しないことをお勧めします。

構成データのガイドライン:

パスワードやその他の機密データは、構成プロバイダーコードやプレーンテキスト構成ファイルには保存しないでください。
開発環境またはテスト環境では、運用シークレットを使用しないでください。
プロジェクトの外部でシークレットを指定して、ソースコードリポジトリに誤ってコミットされないようにします。

Visual Studio 2017 および ASP.NET 4.7.2 では、シングルページアプリケーション (SPA) および Web API サービスのセキュリティオプションが拡張され、外部認証サービスと統合されます。これには、Microsoft アカウント、Twitter、Facebook、Google など、いくつかの OAuth/OpenID およびソーシャルメディア認証サービスが含まれます。

このチュートリアル内

外部認証サービスの使用
サンプル Web アプリケーションの作成
Facebook 認証を有効にする
Google 認証を有効にする
Microsoft 認証を有効にする
Twitter 認証を有効にする
追加情報
- 外部認証サービスを組み合わせる
- 完全修飾ドメイン名を使用するように IIS Express を構成する
- Microsoft 認証のアプリケーション設定を取得する方法
- 省略可能: ローカル登録を無効にする

前提条件

このチュートリアルの例に従うには、次のものが必要です。

Visual Studio 2017
次のいずれかのソーシャルメディア認証サービスのアプリケーション識別子と秘密鍵を持つ開発者アカウント。
- Microsoft アカウント (https://go.microsoft.com/fwlink/?LinkID=144070)
- Twitter (https://dev.twitter.com/)
- Facebook (https://developers.facebook.com/)
- Google (https://developers.google.com/)

外部認証サービスの使用

Web 開発者が現在利用できる豊富な外部認証サービスは、新しい Web アプリケーションを作成するときの開発時間を短縮するのに役立ちます。通常、Web ユーザーは、一般的な Web サービスとソーシャルメディア Web サイト用の既存のアカウントを複数持っているため、Web アプリケーションが外部 Web サービスまたはソーシャルメディア Web サイトから認証サービスを実装すると、認証実装の作成に費やされた開発時間が節約されます。外部認証サービスを使用すると、エンドユーザーが Web アプリケーション用に別のアカウントを作成する必要が生じず、別のユーザー名とパスワードを覚えておく必要もできなくなります。

これまで、開発者には、独自の認証実装を作成するか、外部認証サービスをアプリケーションに統合する方法を学習するという 2 つの選択肢がありました。最も基本的なレベルでは、次の図は、外部認証サービスを使用するように構成された Web アプリケーションから情報を要求するユーザーエージェント (Web ブラウザー) の単純な要求フローを示しています。

イメージをクリックして展開ユーザーエージェントの単純な要求フローの図

上の図では、ユーザーエージェント (この例では Web ブラウザー) が Web アプリケーションに要求を行い、Web ブラウザーを外部認証サービスにリダイレクトします。ユーザーエージェントは資格情報を外部認証サービスに送信し、ユーザーエージェントが正常に認証された場合、外部認証サービスは、ユーザーエージェントが Web アプリケーションに送信する何らかの形式のトークンを使用して、ユーザーエージェントを元の Web アプリケーションにリダイレクトします。 Web アプリケーションはトークンを使用して、ユーザーエージェントが外部認証サービスによって正常に認証されたことを確認します。Web アプリケーションはトークンを使用してユーザーエージェントに関する詳細情報を収集できます。アプリケーションがユーザーエージェントの情報の処理を完了すると、Web アプリケーションは承認設定に基づいてユーザーエージェントに適切な応答を返します。

この 2 番目の例では、ユーザーエージェントは Web アプリケーションと外部承認サーバーとネゴシエートし、Web アプリケーションは外部承認サーバーとの追加通信を実行して、ユーザーエージェントに関する追加情報を取得します。

を展開する

Visual Studio 2017 および ASP.NET 4.7.2 では、次の認証サービスに組み込みの統合を提供することで、開発者にとって外部認証サービスとの統合が容易になります。

Facebook
グーグル
Microsoft アカウント (Windows Live ID アカウント)
Twitter

このチュートリアルの例では、Visual Studio 2017 に付属する新しい ASP.NET Web アプリケーションテンプレートを使用して、サポートされている各外部認証サービスを構成する方法を示します。

手記

必要に応じて、外部認証サービスの設定に FQDN を追加することが必要になる場合があります。この要件は、クライアントによって使用される FQDN と一致するようにアプリケーション設定の FQDN を必要とする一部の外部認証サービスのセキュリティ制約に基づいています。 (この手順は、外部認証サービスごとに大きく異なります。必要かどうか、およびこれらの設定を構成する方法については、各外部認証サービスのドキュメントを参照する必要があります)。この環境をテストするために FQDN を使用するように IIS Express を構成する必要がある場合は、このチュートリアルの後半の「完全修飾ドメイン名を使用するように IIS Express を構成する」セクションを参照してください。

サンプル Web アプリケーションを作成する

次の手順では、ASP.NET Web アプリケーションテンプレートを使用してサンプルアプリケーションを作成し、このチュートリアルの後半で外部認証サービスごとにこのサンプルアプリケーションを使用します。

Visual Studio 2017 を起動し、[スタート] ページ [新しいプロジェクト] を選択します。または、[ファイル] メニューから [新しい] および [プロジェクト] を選択します。

[新しいプロジェクト] ダイアログボックスが表示されたら、[インストール済み ] を選択し、[Visual C#] を展開します。 [Visual C#] で [Web] を選択します。プロジェクトテンプレートの一覧で、[ASP.NET Web アプリケーション (.Net Framework)を選択します。プロジェクトの名前を入力し、[OK]クリックします。

[新しいプロジェクトのイメージのを展開する

新しい ASP.NET プロジェクトが表示されたら、シングルページアプリケーションテンプレートを選択し、[プロジェクトの作成] クリックします。

を展開する

Visual Studio 2017 でプロジェクトが作成されるまで待ちます。

Visual Studio 2017 でプロジェクトの作成が完了したら、App_Start フォルダーにある Startup.Auth.cs ファイルを開きます。

最初にプロジェクトを作成するとき、Startup.Auth.cs ファイルで有効になっている外部認証サービスはありません。次に、コードの外観を示します。外部認証サービスを有効にする場所と、microsoft アカウント、Twitter、Facebook、または Google 認証を ASP.NET アプリケーションで使用するために関連する設定が強調表示されているセクションを示します。

using System;
using Microsoft.AspNet.Identity;
using Microsoft.AspNet.Identity.EntityFramework;
using Microsoft.AspNet.Identity.Owin;
using Microsoft.Owin;
using Microsoft.Owin.Security.Cookies;
using Microsoft.Owin.Security.DataProtection;
using Microsoft.Owin.Security.Google;
using Microsoft.Owin.Security.OAuth;
using Owin;
using WebApplication1.Models;
using WebApplication1.Providers;

namespace WebApplication1
{
    public partial class Startup
    {
        // Enable the application to use OAuthAuthorization. You can then secure your Web APIs
        static Startup()
        {
            PublicClientId = "web";

            OAuthOptions = new OAuthAuthorizationServerOptions
            {
                TokenEndpointPath = new PathString("/Token"),
                AuthorizeEndpointPath = new PathString("/Account/Authorize"),
                Provider = new ApplicationOAuthProvider(PublicClientId),
                AccessTokenExpireTimeSpan = TimeSpan.FromDays(14),
                AllowInsecureHttp = true
            };
        }

        public static OAuthAuthorizationServerOptions OAuthOptions { get; private set; }

        public static string PublicClientId { get; private set; }

        // For more information on configuring authentication, please visit https://go.microsoft.com/fwlink/?LinkId=301864
        public void ConfigureAuth(IAppBuilder app)
        {
            // Configure the db context, user manager and signin manager to use a single instance per request
            app.CreatePerOwinContext(ApplicationDbContext.Create);
            app.CreatePerOwinContext<ApplicationUserManager>(ApplicationUserManager.Create);
            app.CreatePerOwinContext<ApplicationSignInManager>(ApplicationSignInManager.Create);

            // Enable the application to use a cookie to store information for the signed in user
            app.UseCookieAuthentication(new CookieAuthenticationOptions
            {
                AuthenticationType = DefaultAuthenticationTypes.ApplicationCookie,
                LoginPath = new PathString("/Account/Login"),
                Provider = new CookieAuthenticationProvider
                {
                    // Enables the application to validate the security stamp when the user logs in.
                    // This is a security feature which is used when you change a password or add an external login to your account.  
                    OnValidateIdentity = SecurityStampValidator.OnValidateIdentity<ApplicationUserManager, ApplicationUser>(
                        validateInterval: TimeSpan.FromMinutes(20),
                        regenerateIdentity: (manager, user) => user.GenerateUserIdentityAsync(manager))
                }
            });
            // Use a cookie to temporarily store information about a user logging in with a third party login provider
            app.UseExternalSignInCookie(DefaultAuthenticationTypes.ExternalCookie);

            // Enables the application to temporarily store user information when they are verifying the second factor in the two-factor authentication process.
            app.UseTwoFactorSignInCookie(DefaultAuthenticationTypes.TwoFactorCookie, TimeSpan.FromMinutes(5));

            // Enables the application to remember the second login verification factor such as phone or email.
            // Once you check this option, your second step of verification during the login process will be remembered on the device where you logged in from.
            // This is similar to the RememberMe option when you log in.
            app.UseTwoFactorRememberBrowserCookie(DefaultAuthenticationTypes.TwoFactorRememberBrowserCookie);

            // Enable the application to use bearer tokens to authenticate users
            app.UseOAuthBearerTokens(OAuthOptions);

            // Uncomment the following lines to enable logging in with third party login providers
            //app.UseMicrosoftAccountAuthentication(
            //    clientId: "",
            //    clientSecret: "");

            //app.UseTwitterAuthentication(
            //    consumerKey: "",
            //    consumerSecret: "");

            //app.UseFacebookAuthentication(
            //    appId: "",
            //    appSecret: "");

            //app.UseGoogleAuthentication(new GoogleOAuth2AuthenticationOptions()
            //{
            //    ClientId = "",
            //    ClientSecret = ""
            //});
        }
    }
}

F5 キーを押して Web アプリケーションをビルドおよびデバッグすると、ログイン画面が表示され、外部認証サービスが定義されていないことがわかります。

以降のセクションでは、Visual Studio 2017 で ASP.NET で提供される各外部認証サービスを有効にする方法について説明します。

Facebook 認証の有効化

Facebook 認証を使用するには、Facebook 開発者アカウントを作成する必要があります。プロジェクトが機能するためには、Facebook のアプリケーション ID と秘密鍵が必要です。 Facebook 開発者アカウントの作成とアプリケーション ID と秘密鍵の取得については、https://go.microsoft.com/fwlink/?LinkID=252166を参照してください。

アプリケーション ID とシークレットキーを取得したら、次の手順に従って、Web アプリケーションの Facebook 認証を有効にします。

Visual Studio 2017 でプロジェクトを開いたら、Startup.Auth.cs ファイルを開きます。

コード内の Facebook 認証セクションを見つけます。

// Uncomment the following lines to enable logging in with third party login providers
//app.UseMicrosoftAccountAuthentication(
//    clientId: "",
//    clientSecret: "");

//app.UseTwitterAuthentication(
//    consumerKey: "",
//    consumerSecret: "");

//app.UseFacebookAuthentication(
//    appId: "",
//    appSecret: "");

//app.UseGoogleAuthentication(new GoogleOAuth2AuthenticationOptions()
//{
//    ClientId = "",
//    ClientSecret = ""
//});

"//" 文字を削除して、強調表示されたコード行のコメントを解除し、アプリケーション ID とシークレットキーを追加します。これらのパラメーターを追加したら、プロジェクトを再コンパイルできます。

// Uncomment the following lines to enable logging in with third party login providers
//app.UseMicrosoftAccountAuthentication(
//    clientId: "",
//    clientSecret: "");

//app.UseTwitterAuthentication(
//   consumerKey: "",
//   consumerSecret: "");

//app.UseFacebookAuthentication(
//   appId: "426f62526f636b73",
//   appSecret: "");

//app.UseGoogleAuthentication();

F5 キーを押して Web ブラウザーで Web アプリケーションを開くと、Facebook が外部認証サービスとして定義されていることがわかります。
Facebook ボタンをクリックすると、ブラウザーが Facebook ログインページにリダイレクトされます。
Facebook の資格情報を入力し、[ログイン ] をクリックすると、Web ブラウザーが Web アプリケーションにリダイレクトされ、Facebook アカウントに関連付けるユーザー名を入力するように求められます。

を展開する
ユーザー名を入力し、[サインアップ] ボタンをクリックすると、Web アプリケーションに Facebook アカウントの既定の ホームページ が表示されます。

Google 認証の有効化

Google 認証を使用するには、Google 開発者アカウントを作成する必要があります。プロジェクトが機能するためには、Google のアプリケーション ID と秘密鍵が必要です。 Google 開発者アカウントの作成とアプリケーション ID と秘密鍵の取得については、https://developers.google.comを参照してください。

Web アプリケーションに対して Google 認証を有効にするには、次の手順に従います。

Visual Studio 2017 でプロジェクトを開いたら、Startup.Auth.cs ファイルを開きます。

コードの Google 認証セクションを見つけます。

// Uncomment the following lines to enable logging in with third party login providers
//app.UseMicrosoftAccountAuthentication(
//    clientId: "",
//    clientSecret: "");

//app.UseTwitterAuthentication(
//    consumerKey: "",
//    consumerSecret: "");

//app.UseFacebookAuthentication(
//    appId: "",
//    appSecret: "");

//app.UseGoogleAuthentication(new GoogleOAuth2AuthenticationOptions()
//{
//    ClientId = "",
//    ClientSecret = ""
//});

// Uncomment the following lines to enable logging in with third party login providers
//app.UseMicrosoftAccountAuthentication(
//    clientId: "",
//    clientSecret: "");

//app.UseTwitterAuthentication(
//   consumerKey: "",
//   consumerSecret: "");

//app.UseFacebookAuthentication(
//   appId: "",
//   appSecret: "");

app.UseGoogleAuthentication(new GoogleOAuth2AuthenticationOptions()
{
    ClientId = "477522346600.apps.googleusercontent.com",
    ClientSecret = "gobkdpbocikdfbnfahjladnetpdkvmic"
});

F5 キーを押して Web ブラウザーで Web アプリケーションを開くと、Google が外部認証サービスとして定義されていることがわかります。

画像 Googleは、画像を展開するためにクリック定義されています
[Google ] ボタンをクリックすると、ブラウザーが Google ログインページにリダイレクトされます。
Google の資格情報を入力し、[サインイン] をクリックすると、Google は、Google アカウントにアクセスするアクセス許可が Web アプリケーションにあることを確認するように求められます。
同意するをクリックすると、WebブラウザーがあなたのWebアプリケーションにリダイレクトされ、Googleアカウントに関連付けたいユーザー名の入力が求められます。
ユーザー名を入力し、[サインアップ] ボタンをクリックすると、Web アプリケーションに Google アカウントの既定の ホームページ が表示されます。

Microsoft 認証の有効化

Microsoft 認証では開発者アカウントを作成する必要があり、機能するためにはクライアント ID とクライアントシークレットが必要です。 Microsoft 開発者アカウントの作成とクライアント ID とクライアントシークレットの取得については、https://go.microsoft.com/fwlink/?LinkID=144070を参照してください。

コンシューマーキーとコンシューマーシークレットを取得したら、次の手順に従って Web アプリケーションの Microsoft 認証を有効にします。

Visual Studio 2017 でプロジェクトを開いたら、Startup.Auth.cs ファイルを開きます。

コードの Microsoft 認証セクションを見つけます。

// Uncomment the following lines to enable logging in with third party login providers
//app.UseMicrosoftAccountAuthentication(
//    clientId: "",
//    clientSecret: "");

//app.UseTwitterAuthentication(
//   consumerKey: "",
//   consumerSecret: "");

//app.UseFacebookAuthentication(
//   appId: "",
//   appSecret: "");

//app.UseGoogleAuthentication(new GoogleOAuth2AuthenticationOptions()
//{
//    ClientId = "",
//    ClientSecret = ""
//});

"//" 文字を削除して、強調表示されているコード行のコメントを解除し、クライアント ID とクライアントシークレットを追加します。これらのパラメーターを追加したら、プロジェクトを再コンパイルできます。

// Uncomment the following lines to enable logging in with third party login providers
app.UseMicrosoftAccountAuthentication(
    clientId: "426f62526f636b73",
    clientSecret: "57686f6120447564652c2049495320526f636b73");

//app.UseTwitterAuthentication(
//   consumerKey: "",
//   consumerSecret: "");

//app.UseFacebookAuthentication(
//   appId: "",
//   appSecret: "");

//app.UseGoogleAuthentication(new GoogleOAuth2AuthenticationOptions()
//{
//    ClientId = "",
//    ClientSecret = ""
//});

F5 キーを押して Web ブラウザーで Web アプリケーションを開くと、Microsoft が外部認証サービスとして定義されていることがわかります。

を展開する
[Microsoft ] ボタンをクリックすると、ブラウザーが Microsoft ログインページにリダイレクトされます。

を展開する
Microsoft 資格情報を入力し、[サインイン] をクリックすると、Web アプリケーションに Microsoft アカウントにアクセスするためのアクセス許可があることを確認するメッセージが表示されます。
[はい]クリックすると、Web ブラウザーが Web アプリケーションにリダイレクトされ、Microsoft アカウントに関連付けるユーザー名を入力するように求められます。

Google アカウントに関連付ける画像
ユーザー名を入力し、[サインアップ] ボタンをクリックすると、Web アプリケーションに Microsoft アカウントの既定の ホームページ が表示されます。

Twitter 認証の有効化

Twitter 認証では開発者アカウントを作成する必要があり、機能するにはコンシューマーキーとコンシューマーシークレットが必要です。 Twitter 開発者アカウントの作成とコンシューマーキーとコンシューマーシークレットの取得については、https://go.microsoft.com/fwlink/?LinkID=252166を参照してください。

コンシューマーキーとコンシューマーシークレットを取得したら、次の手順に従って Web アプリケーションの Twitter 認証を有効にします。

Visual Studio 2017 でプロジェクトを開いたら、Startup.Auth.cs ファイルを開きます。

コード内の Twitter 認証セクションを探します。

// Uncomment the following lines to enable logging in with third party login providers
//app.UseMicrosoftAccountAuthentication(
//    clientId: "",
//    clientSecret: "");

//app.UseTwitterAuthentication(
//   consumerKey: "",
//   consumerSecret: "");

//app.UseFacebookAuthentication(
//   appId: "",
//   appSecret: "");

//app.UseGoogleAuthentication(new GoogleOAuth2AuthenticationOptions()
//{
//    ClientId = "",
//    ClientSecret = ""
//});

"//" 文字を削除して、強調表示されたコード行のコメントを解除し、コンシューマーキーとコンシューマーシークレットを追加します。これらのパラメーターを追加したら、プロジェクトを再コンパイルできます。

// Uncomment the following lines to enable logging in with third party login providers
//app.UseMicrosoftAccountAuthentication(
//    clientId: "",
//    clientSecret: "");

app.UseTwitterAuthentication(
   consumerKey: "426f62526f636b73",
   consumerSecret: "57686f6120447564652c2049495320526f636b73");

//app.UseFacebookAuthentication(
//   appId: "",
//   appSecret: "");

//app.UseGoogleAuthentication(new GoogleOAuth2AuthenticationOptions()
//{
//    ClientId = "",
//    ClientSecret = ""
//});

F5 キーを押して Web ブラウザーで Web アプリケーションを開くと、Twitter が外部認証サービスとして定義されていることがわかります。
Twitter ボタンをクリックすると、ブラウザーが Twitter ログインページにリダイレクトされます。
Twitter の資格情報を入力して [アプリの承認 ] をクリックすると、Web ブラウザーが Web アプリケーションにリダイレクトされ、Twitter アカウントに関連付けるユーザー名を入力するように求められます。

Web アプリで関連付ける Twitter アカウントの画像を
ユーザー名を入力し、[サインアップ] ボタンをクリックすると、Web アプリケーションに Twitter アカウントの既定の ホームページ が表示されます。

既定の Twitter ホームページのを展開する

追加情報

OAuth と OpenID を使用するアプリケーションの作成の詳細については、次の URL を参照してください。

外部認証サービスの組み合わせ

柔軟性を高めるために、複数の外部認証サービスを同時に定義できます。これにより、Web アプリケーションのユーザーは、有効になっている任意の外部認証サービスのアカウントを使用できます。

を展開する

完全修飾ドメイン名を使用するように IIS Express を構成する

一部の外部認証プロバイダーでは、http://localhost:port/などの HTTP アドレスを使用したアプリケーションのテストがサポートされていません。この問題を回避するには、HOSTS ファイルに静的な完全修飾ドメイン名 (FQDN) マッピングを追加し、テスト/デバッグに FQDN を使用するように Visual Studio 2017 でプロジェクトオプションを構成します。これを行うには、次の手順を使用します。

HOSTS ファイルに静的 FQDN マッピングを追加します。
1. Windows で管理者特権のコマンドプロンプトを開きます。
2. 次のコマンドを入力します。
  
  メモ帳 %WinDir%\system32\drivers\etc\hosts
3. HOSTS ファイルに次のようなエントリを追加します。
  
  127.0.0.1 www.wingtiptoys.com
4. HOSTS ファイルを保存して閉じます。
FQDN を使用するように Visual Studio プロジェクトを構成します。
1. Visual Studio 2017 でプロジェクトを開いたら、[プロジェクトの] メニュークリックし、プロジェクトのプロパティを選択します。たとえば、WebApplication1 プロパティを選択できます。
2. [Web] タブを選択します。
3. プロジェクト URLの FQDN を入力します。たとえば、HOSTS ファイルに追加した FQDN マッピングの場合は、http://www.wingtiptoys.com を入力します。
アプリケーションの FQDN を使用するように IIS Express を構成します。
1. Windows で管理者特権のコマンドプロンプトを開きます。
2. 次のコマンドを入力して、IIS Express フォルダーに変更します。
  
  cd /d "%ProgramFiles%\IIS Express"
3. 次のコマンドを入力して、FQDN をアプリケーションに追加します。
  
  appcmd.exe set config -section:system.applicationHost/sites /+"[name='WebApplication1'].bindings.[protocol='http',bindingInformation='*:80:www.wingtiptoys.com']" /commit:apphost
ここで、WebApplication1 はプロジェクトの名前であり、bindingInformation には、テストに使用するポート番号と FQDN が含まれます。

Microsoft 認証のアプリケーション設定を取得する方法

Windows Live for Microsoft 認証へのアプリケーションのリンクは簡単なプロセスです。アプリケーションを Windows Live にまだリンクしていない場合は、次の手順を使用できます。

https://go.microsoft.com/fwlink/?LinkID=144070 に移動し、プロンプトが表示されたら Microsoft アカウント名とパスワードを入力し、「サインイン」ボタンをクリックします。
[アプリを追加する] を選択し、メッセージが表示されたらアプリケーションの名前を入力し、[作成] をクリックします。

を展開する
[名前でアプリを選択すると、そのアプリケーションのプロパティページが表示されます。
アプリケーションのリダイレクトドメインを入力します。アプリケーション ID をコピーし、アプリケーションシークレットの下で、[パスワードを生成] を選択します。表示されるパスワードをコピーします。アプリケーション ID とパスワードは、クライアント ID とクライアントシークレットです。 [OK]、[保存] の順に選択します。

省略可能: ローカル登録を無効にする

現在の ASP.NET ローカル登録機能では、自動プログラム (ボット) によるメンバーアカウントの作成は妨げられます。たとえば、CAPTCHAなどのボット防止および検証テクノロジを使用します。このため、ログインページのローカルログインフォームと登録リンクを削除する必要があります。これを行うには、プロジェクトで _Login.cshtml ページを開き、ローカルログインパネルと登録リンクの行をコメントアウトします。結果のページは、次のコードサンプルのようになります。

<!-- ko with: login -->
<hgroup class="title">
    <h1>Log in</h1>
</hgroup>
<div class="row-fluid">
    @*<section class="span7">
        <form>
            <fieldset class="form-horizontal">
                <legend>Use a local account to log in.</legend>
                <ul class="text-error" data-bind="foreach: errors">
                    <li data-bind="text: $data"></li>
                </ul>
                <div class="control-group">
                    <label for="UserName" class="control-label">User name</label>
                    <div class="controls">
                        <input type="text" name="UserName" data-bind="value: userName, hasFocus: true" />
                        <span class="text-error" data-bind="visible: userName.hasError, text: userName.errorMessage"></span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="Password" class="control-label">Password</label>
                    <div class="controls">
                        <input type="password" name="Password" data-bind="value: password" />
                        <span class="text-error" data-bind="visible: password.hasError, text: password.errorMessage"></span>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <label class="checkbox">
                            <input type="checkbox" name="RememberMe" data-bind="checked: rememberMe" />
                            <label for="RememberMe">Remember me?</label>
                        </label>
                    </div>
                </div>
                <div class="form-actions no-color">
                    <button type="submit" class="btn" data-bind="click: login, disable: loggingIn">Log in</button>
                </div>
                <p><a href="#" data-bind="click: register">Register</a> if you don't have a local account.</p>
            </fieldset>
        </form>
    </section>*@
    <section class="span5">
        <h2>Log in using another service</h2>
        <div data-bind="visible: loadingExternalLogin">Loading...</div>
        <div data-bind="visible: !loadingExternalLogin()">
            <div class="message-info" data-bind="visible: !hasExternalLogin()">
                <p>
                    There are no external authentication services configured. See <a href="https://go.microsoft.com/fwlink/?LinkId=252166">this article</a>
                    for details on setting up this ASP.NET application to support logging in via external services.
                </p>
            </div>
            <form data-bind="visible: hasExternalLogin">
                <fieldset class="form-horizontal">
                    <legend>Use another service to log in.</legend>
                    <p data-bind="foreach: externalLoginProviders">
                        <button type="submit" class="btn" data-bind="text: name, attr: { title: 'Log in using your ' + name() + ' account' }, click: login"></button>
                    </p>
                </fieldset>
            </form>
        </div>
    </section>
</div>
<!-- /ko -->

ローカルログインパネルと登録リンクが無効になると、ログインページには、有効にした外部認証プロバイダーのみが表示されます。

次の方法で共有

ASP.NET Web API を使用した外部認証サービス (C#)

このチュートリアル内

前提条件

外部認証サービスの使用

サンプル Web アプリケーションを作成する

Facebook 認証の有効化

Google 認証の有効化

Microsoft 認証の有効化

Twitter 認証の有効化

追加情報

外部認証サービスの組み合わせ

完全修飾ドメイン名を使用するように IIS Express を構成する

Microsoft 認証のアプリケーション設定を取得する方法

省略可能: ローカル登録を無効にする

フィードバック

その他のリソース

次の方法で共有

ASP.NET Web API を使用した外部認証サービス (C#)

このチュートリアル内

前提 条件

外部認証サービスの使用

サンプル Web アプリケーションを作成する

Facebook 認証の有効化

Google 認証の有効化

Microsoft 認証の有効化

Twitter 認証の有効化

追加情報

外部認証サービスの組み合わせ

完全修飾ドメイン名を使用するように IIS Express を構成する

Microsoft 認証のアプリケーション設定を取得する方法

省略可能: ローカル登録を無効にする

フィードバック

その他のリソース

前提条件