En este artículo, veremos cómo proteger una aplicación Blazor WebAssembly con Azure Active Directory. Azure Active Directory, o AAD, proporciona una identidad inteligente como servicio que protege su aplicación.
En este artículo, lo usaremos para proteger una aplicación Blazor WebAssembly. Para hacerlo, siga los siguientes pasos:
Paso 1: Primero, vaya al Menú y haga clic en Azure Active Directory.
Paso 2: Luego iremos a “Registros de la aplicación”.
Paso 3: luego registraremos una nueva aplicación para nuestra aplicación Blazor.
Paso 4: Luego completaremos el nombre de la aplicación. Dejaremos el URI de redirección a la web y completaremos este URI. Esto usa el puerto 5001, que es el puerto predeterminado en IIS Express. Si usa otro puerto, puede cambiar esto y «Registrarse».
Ahora tenemos una aplicación en AAD. Estas son las cosas que necesitamos después:
- Nombre para mostrar
- ID de cliente de la aplicación
- ID de inquilino del directorio
Paso 5: Tenemos que hacer una cosa más. Para eso, vaya a » Autenticación».
Aquí debemos marcar las casillas que se muestran a continuación para la concesión implícita y hacer clic en el botón Guardar .
En este punto, nuestro AAD está configurado.
Paso 6: ahora, creemos la aplicación Blazor en el símbolo del sistema. Usamos los siguientes comandos para crear una aplicación Blazor WebAssembly independiente. En este AAD, mencionamos el nombre de la aplicación, la identificación del cliente y la identificación del inquilino.
dotnet new blazorwasm -au SingleOrg --client-id "YOUR_CLIENT_ID" -o YOUR_APP_NAME --tenant-id "YOUR_TENENT_ID"
Creó una nueva carpeta para la aplicación con una aplicación Blazor WebAssembly independiente.
Paso 7: Ahora vamos a construirlo con el siguiente comando:
dotnet build
Paso 8: ahora ejecútelo con el siguiente comando:
dotnet run
Las siguientes imágenes muestran la URL en la que se está ejecutando.
Paso 9: Ahora abramos eso en un navegador. Esta es la aplicación Blazor que se ejecuta en nuestra máquina local. Esto se ejecuta en WebAssembly en nuestro navegador.
Aquí, también podemos autenticarlo. Esto utilizará sus cuentas de Azure en las que ya ha iniciado sesión.
Puede usar Azure Active Directory para proteger todo tipo de aplicaciones, incluida una aplicación Blazor WebAssembly.
Publicación traducida automáticamente
Artículo escrito por ddeevviissaavviittaa y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA