Сказ о том, как я настраивал Azure AD B2C на React и React Native Часть 5 (Туториал)

Предисловие

Завершающая работа в цикле по работе с Azure B2C. В этой статье я расскажу о том, как подключить аутентификацию к бэкэнду на .NET Core 3.

Ссылки на связанные посты

• Часть 1: Создание и настройка приложений на Azure AD B2C
• Часть 2: Работа с Identity Framework Experience
• Часть 3: Подключение приложения React
• Часть 4: Подключение приложения React Native
• Часть 5: Подключение и настройка бэкэнда на .NET Core 3

ШАГ 1

В файле Startup.cs в методе ConfigureServices необходимо добавить следующий код:

  using Microsoft.AspNetCore.Authentication.JwtBearer;

  public void ConfigureServices(IServiceCollection services)
  {
    // .....
    services.AddAuthentication(sharedOptions =>
    {
        sharedOptions.DefaultScheme = JwtBearerDefaults.AuthenticationScheme;
    })
    .AddJwtBearer(options =>
    {
        // ClientID вашего приложения Azure AD B2C
        options.Audience = "777aaa77a-7a77-7777-bb77-8888888aabc";
        // Найти issuer можно во вкладке "Обзор". Для этого нажмите кнопку
        // "Конечные точки". В конец поставьте название политики,
        // которую вы используете (B2C_1A_signup_signin).
        options.Authority = "https://antekesd.b2clogin.com/antekesd.onmicrosoft.com/B2C_1A_signup_signin";
        options.TokenValidationParameters = new Microsoft.IdentityModel.Tokens.TokenValidationParameters
        {
            // Укажите, кто создает токен. Для этого перейдите в ваше приложение на
            // Azure AD B2C и во вкладке обзор - скопируйте и замените teanat-id
            // на "Идентификатор каталога"
            ValidateIssuer = true,
            ValidIssuer = "https://antekesd.b2clogin.com/teanat-id/v2.0/"
        };
    });
    // Добавляем политику, по которой будет проверять поступающие запросы
    services.AddAuthorization(options =>
    {
        options.AddPolicy("AuthOnly", policy => policy.RequireAuthenticatedUser());
    });
    // .....
  }

ШАГ 2

В этом же файле, в методе Configure необходимо добавить UseAuthentication и UseAuthorization. Они обязательно должны быть между UseRouting и UseEndpoints, как показано в примере ниже:

  public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
  {
    // .....
    app.UseRouting();
    app.UseAuthentication();
    app.UseAuthorization();
    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllerRoute(
            name: "default",
            pattern: "{controller}/{action=Index}/{id?}");
    });
    // .....
  }

ШАГ 3

Теперь все готово, осталось только добавить проверку на контроллер. Для этого в любом контроллере добавьте,

[Authorize(Policy = "AuthOnly")]

как показано в примере ниже:

    [Authorize(Policy = "AuthOnly")]
    [Route("api/[controller]")]
    [ApiController]
    public class ClientController : ControllerBase
    {
        private readonly ClientService _clientService;
        public ClientController(ClientService clientService)
        {
            _clientService = clientService;
        }

        [HttpGet()]
        public async Task<IActionResult> GetClientList()
        {
            try
            {
                var result = await _clientService.GetClientsList();
                return Ok(result);
            }
            catch (HttpRequestException httpException)
            {
                throw httpException;
            }
        }
    }

Теперь, каждый раз когда будет приходить запрос с клиента — бэкэнд будет проверять JWT token. О токенах можно почитать тут.

Пример заголовка запроса:

  {
    Accept: application/json, text/plain, */*
    Accept-Encoding: gzip, deflate, br
    Accept-Language: en,ru;q=0.9,en-GB;q=0.8,en-US;q=0.7
    Authorization: Bearer jwtIdTokenFromMSAL
    Connection: keep-alive
    Host: yourhost.azurewebsites.net
    Pragma: no-cache
    Referer: https://yourhost.azurewebsites.net/
    Sec-Fetch-Dest: empty
    Sec-Fetch-Mode: cors
    Sec-Fetch-Site: same-origin
    User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36 Edg/83.0.478.45
  }

Отправка запроса с одного сервера на другой

Иногда возникает ситуация, когда приложение использует не один бэкэнд. Тогда возникает необходимость отправить запрос с бэка на бэк. Для этого нам нужно создать HTTP клиент и добавить в него токен. Вот как это делается

ШАГ 1

Создаем сервис, который будет слать запросы.

  using System.Net.Http;
  using System.Net.Http.Headers;
  using Microsoft.AspNetCore.Http;

  public class ClientService
    {
        // Создаем HttpClient 
        HttpClient Client { get;  }
        public ClientService(HttpClient client, IHttpContextAccessor httpContextAccessor)
        {
            // Говорим куда слать запрос
            client.BaseAddress = new Uri("https://another-server.azurewebsites.net/api/");
            string _ContentType = "application/json";
            // Говорим что отправлять будем JSON
            client.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue(_ContentType));
            // Добавляем JWT Токен
            client.DefaultRequestHeaders.Add("Authorization", (string)httpContextAccessor.HttpContext.Request.Headers["Authorization"]);
            Client = client;
        }

        public async Task<string> GetClientsList()
        {
            // Отправляем запрос
            var response = await Client.GetAsync("url-to-another-endpoint");
            if (response.StatusCode != HttpStatusCode.OK)
            {
                return response.StatusCode.ToString();
            }
            string result = await response.Content.ReadAsStringAsync();
            return result;
        }
    }

ШАГ 2

Добавляем Http client созданному сервису. Для этого нужно в файле Startup.cs добавить следующий код:

  public void ConfigureServices(IServiceCollection services)
  {
    // ...
    services.AddHttpClient<ClientService>();
    // ...
  }

Заключение

Теперь все готово! Вы можете отправлять запрос с клиента на сервер и с сервера на другой сервер.

Спасибо за внимание!