Squeak.ru - шаблоны программирования

Angular 6 Перенаправить на фактический компонент, а не домой после аутентификации AAD

У меня есть приложение angular 6, интегрированное с ASP.NET MVC (аутентификация включена с помощью приложения AAD). У меня есть логика авторизации в app.component, которая работает, но есть одна страница, для которой нет логики авторизации. поэтому при попытке доступа к странице https://localhost:4433/#/tracking после аутентификации AAD , вместо этого пользователь попадает на домашнюю страницу (https://localhost:4433/#/home). перехода пользователя к компоненту отслеживания

export const router: Routes = [

{ path: '', redirectTo: 'Home', pathMatch: 'full' },
{ path: 'Home', component: HomeComponent },    
{ path: 'Tracking/:id', component: TrackingComponent }    
{ path: '**', component: HomeComponent }];
export const routes: ModuleWithProviders = RouterModule.forRoot(router, { useHash: true });

вот файл startup.auth.cs

  app.SetDefaultSignInAsAuthenticationType(CookieAuthenticationDefaults.AuthenticationType);

        app.UseCookieAuthentication(new CookieAuthenticationOptions());

        app.UseOpenIdConnectAuthentication(
            new OpenIdConnectAuthenticationOptions
            {
                ClientId = clientId,
                Authority = authority,
                PostLogoutRedirectUri = postLogoutRedirectUri,
                RedirectUri = postLogoutRedirectUri
            });

        System.Web.Helpers.AntiForgeryConfig.UniqueClaimTypeIdentifier = System.IdentityModel.Claims.ClaimTypes.NameIdentifier;

Как я могу перенаправить пользователя на реальную страницу, а не на домашнюю страницу после аутентификации. Или я должен использовать AADL.js с auth Guards


  • Вы должны использовать MSAL.js на интерфейсе и аутентификацию JWT на сервере. Затем у вас будет возможность получить текущий URL-адрес, сохранить его где-нибудь и перенаправить на него после аутентификации пользователя. 26.09.2019

Ответы:


1

URL-адрес перенаправления жестко запрограммирован в свойствах приложения AAD. Немного сложно определить динамический URL-адрес перенаправления.

Вы можете использовать пакет @Azure/msal-angular, чтобы включить приложение Angular. для аутентификации с помощью AAD. Вариант конфигурации popUp должен соответствовать вашим требованиям. С этой опцией процесс входа происходит во всплывающем окне. Страница не будет перенаправляться после аутентификации.

Обратите внимание, что этот пакет официально поддерживает только Angular до 5. Для Angular 6+ установите модуль rxjs-compat NPM.

10.10.2019
Новые материалы

Угловая структура архитектуры
Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..

«Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..

Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...

Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..

Создайте API с помощью Python FastAPI
Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..

Веселье с прокси-сервером JavaScript
Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..

Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...