Probar la aplicación

# Probar la aplicación

Antes de desplegar la aplicación en la consola remota, puedes probar la aplicación en un servidor local y verificar si todo funciona usando la CLI de Catalyst. Para obtener información detallada sobre {{%badge%}}catalyst serve{{%/badge%}}, consulta la {{%link href="/es/cli/v1/serve-resources/introduction" %}}página de ayuda de Serve Resources{{%/link%}}.

Para servir el proyecto de Catalyst localmente, ejecuta el siguiente comando desde el directorio de tu proyecto:

{{%cli%}}catalyst serve{{%/cli%}}

La aplicación del portal de autorización ahora se servirá en el {{%badge%}}puerto 3000{{%/badge%}} predeterminado. Las URLs de los endpoints locales de los componentes se mostrarán en la CLI.

{{%note%}}{{%bold%}}Nota:{{%/bold%}} Cada vez que accedas a la página de inicio o a cualquiera de las subpáginas de tu client, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP utilizado para acceder a ella.{{%/note%}}

Ahora puedes abrir la URL local del componente client en un navegador para acceder a la aplicación.

### Caso de prueba 1

#### Registro usando dirección de correo electrónico

1. Haz clic en **Sign Up** para crear una nueva cuenta.

2. Ingresa los detalles requeridos y haz clic en **Sign Up**.

3. Se enviará el correo electrónico de {{%link href="/es/cloud-scale/help/authentication/email-templates/introduction/" %}}Email Verification{{%/link%}} a la dirección de correo electrónico que usaste para registrarte.

4. Haz clic en el enlace del correo electrónico.

5. Sigue las instrucciones y establece tu contraseña.

Una vez establecida la contraseña, habrás iniciado sesión en la aplicación.

Puedes verificar esto viendo la información del usuario en la sección {{%link href="/es/cloud-scale/help/authentication/user-management/introduction/" %}}User Management{{%/link%}} del componente *Authentication* en la consola.

### Caso de prueba 2

#### Probar Custom User Validation

1. Regístrate en la aplicación usando una dirección de correo electrónico que induzca una instancia de fallo.

{{%note%}}{{%bold%}}Nota:{{%/bold%}} Para los fines de este tutorial, hemos codificado una lógica para la función de Custom User Validation donde si el proveedor de correo electrónico del usuario es cualquier otro que no sea Zylker Technology ({{%badge%}}@zylker.com{{%/badge%}}), el usuario final no podrá registrarse en la aplicación.{{%/note%}}

2. No podrás registrarte en la aplicación usando ninguna dirección de correo electrónico distinta a la codificada como permitida en la lógica de la función.

### Caso de prueba 3

#### Registrarse en la aplicación usando Social Logins

1. Puedes hacer clic en un social login que hayas configurado para comenzar el proceso de registro. Para esta prueba, nos registramos usando el {{%link href="/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login" %}}social login de Zoho{{%/link%}}.

2. Haz clic en **Accept**.

Habrás iniciado sesión en la aplicación.

Puedes verificar que el usuario final se ha agregado viendo sus detalles en la sección *User Management* del componente Authentication en la consola.

### Caso de prueba 4

#### Funcionalidad de restablecimiento de contraseña

1. Haz clic en la opción **Forgot Password**.

2. Ingresa la dirección de correo electrónico.

3. Ingresa el captcha.

4. Aún puedes desbloquear una opción si recuerdas alguna contraseña anterior que hayas usado para crear esta cuenta. Sin embargo, para probar esta funcionalidad, haz clic en **Continue to reset password**.

5. Haz clic en **SEND OTP** para enviar el OTP a tu dirección de correo electrónico.

6. Ingresa el OTP recibido en tu correo electrónico y haz clic en **Verify**.

7. Ahora puedes crear tu nueva contraseña y hacer clic en **Change Password**.

Serás redirigido a la página de inicio de sesión, donde puedes iniciar sesión en la aplicación usando la nueva contraseña.
{{%/tab%}}

Ahora puedes abrir la URL local del componente client en un navegador para acceder a la aplicación.

### Caso de prueba 1

#### Registro usando dirección de correo electrónico

1. Haz clic en **Sign Up** para crear una nueva cuenta.

2. Ingresa los detalles requeridos y haz clic en **Sign Up**.

4. Haz clic en el enlace del correo electrónico.

5. Sigue las instrucciones y establece tu contraseña.

Una vez establecida la contraseña, habrás iniciado sesión en la aplicación.

### Caso de prueba 2

#### Probar Custom User Validation

1. Regístrate en la aplicación usando una dirección de correo electrónico que induzca una instancia de fallo.

2. No podrás registrarte en la aplicación usando ninguna dirección de correo electrónico distinta a la codificada como permitida en la lógica de la función.

### Caso de prueba 3

#### Registrarse en la aplicación usando Social Logins

2. Haz clic en **Accept**.

Habrás iniciado sesión en la aplicación.

Puedes verificar que el usuario final se ha agregado viendo sus detalles en la sección *User Management* del componente Authentication en la consola.

### Caso de prueba 4

#### Funcionalidad de restablecimiento de contraseña

1. Haz clic en la opción **Forgot Password**.

2. Ingresa la dirección de correo electrónico.

3. Ingresa el captcha.

5. Haz clic en **SEND OTP** para enviar el OTP a tu dirección de correo electrónico.

6. Ingresa el OTP recibido en tu correo electrónico y haz clic en **Verify**.

7. Ahora puedes crear tu nueva contraseña y hacer clic en **Change Password**.

Serás redirigido a la página de inicio de sesión, donde puedes iniciar sesión en la aplicación usando la nueva contraseña.
{{%/tab%}}

Cada vez que accedas a la página de inicio o a cualquiera de las subpáginas de tu client, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP utilizado para acceder a ella.

Ahora puedes abrir la URL local del componente client en un navegador para acceder a la aplicación.

### Caso de prueba 1

#### Registro usando dirección de correo electrónico

1. Haz clic en **Sign Up** para crear una nueva cuenta.

2. Ingresa los detalles requeridos y haz clic en **Sign Up**.

4. Haz clic en el enlace del correo electrónico.

5. Sigue las instrucciones y establece tu contraseña.

Una vez establecida la contraseña, habrás iniciado sesión en la aplicación.

### Caso de prueba 2

#### Probar Custom User Validation

1. Regístrate en la aplicación usando una dirección de correo electrónico que induzca una instancia de fallo.

2. No podrás registrarte en la aplicación usando ninguna dirección de correo electrónico distinta a la codificada como permitida en la lógica de la función.

### Caso de prueba 3

#### Registrarse en la aplicación usando Social Logins

2. Haz clic en **Accept**.

Habrás iniciado sesión en la aplicación.

Puedes verificar que el usuario final se ha agregado viendo sus detalles en la sección *User Management* del componente Authentication en la consola.

### Caso de prueba 4

#### Funcionalidad de restablecimiento de contraseña

1. Haz clic en la opción **Forgot Password**.

2. Ingresa la dirección de correo electrónico.

3. Ingresa el captcha.

5. Haz clic en **SEND OTP** para enviar el OTP a tu dirección de correo electrónico.

6. Ingresa el OTP recibido en tu correo electrónico y haz clic en **Verify**.

7. Ahora puedes crear tu nueva contraseña y hacer clic en **Change Password**.

Serás redirigido a la página de inicio de sesión, donde puedes iniciar sesión en la aplicación usando la nueva contraseña.

Antes de desplegar la aplicación en la consola remota, puedes probar la aplicación en un servidor local y verificar si todo funciona usando la CLI de Catalyst. Para obtener información detallada sobre catalyst serve, consulta la página de ayuda de Serve Resources.

Para servir el proyecto de Catalyst localmente, ejecuta el siguiente comando desde el directorio de tu proyecto:

copy
$catalyst serve

La aplicación del portal de autorización ahora se servirá en el puerto 3000 predeterminado. Las URLs de los endpoints locales de los componentes se mostrarán en la CLI.

Aplicación web básica

Nota: Cada vez que accedas a la página de inicio o a cualquiera de las subpáginas de tu client, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP utilizado para acceder a ella.

Ahora puedes abrir la URL local del componente client en un navegador para acceder a la aplicación.

Caso de prueba 1

Registro usando dirección de correo electrónico

Haz clic en Sign Up para crear una nueva cuenta.
Ingresa los detalles requeridos y haz clic en Sign Up.
Se enviará el correo electrónico de Email Verification a la dirección de correo electrónico que usaste para registrarte.
Haz clic en el enlace del correo electrónico.
Sigue las instrucciones y establece tu contraseña.

Una vez establecida la contraseña, habrás iniciado sesión en la aplicación.

Puedes verificar esto viendo la información del usuario en la sección User Management del componente Authentication en la consola.

Caso de prueba 2

Probar Custom User Validation

Regístrate en la aplicación usando una dirección de correo electrónico que induzca una instancia de fallo.

Nota: Para los fines de este tutorial, hemos codificado una lógica para la función de Custom User Validation donde si el proveedor de correo electrónico del usuario es cualquier otro que no sea Zylker Technology (@zylker.com), el usuario final no podrá registrarse en la aplicación.

No podrás registrarte en la aplicación usando ninguna dirección de correo electrónico distinta a la codificada como permitida en la lógica de la función.

Caso de prueba 3

Registrarse en la aplicación usando Social Logins

Puedes hacer clic en un social login que hayas configurado para comenzar el proceso de registro. Para esta prueba, nos registramos usando el social login de Zoho.
Haz clic en Accept.

Habrás iniciado sesión en la aplicación.

Puedes verificar que el usuario final se ha agregado viendo sus detalles en la sección User Management del componente Authentication en la consola.

Caso de prueba 4

Funcionalidad de restablecimiento de contraseña

Haz clic en la opción Forgot Password.
Ingresa la dirección de correo electrónico.
Ingresa el captcha.
Aún puedes desbloquear una opción si recuerdas alguna contraseña anterior que hayas usado para crear esta cuenta. Sin embargo, para probar esta funcionalidad, haz clic en Continue to reset password.
Haz clic en SEND OTP para enviar el OTP a tu dirección de correo electrónico.
Ingresa el OTP recibido en tu correo electrónico y haz clic en Verify.
Ahora puedes crear tu nueva contraseña y hacer clic en Change Password.

Serás redirigido a la página de inicio de sesión, donde puedes iniciar sesión en la aplicación usando la nueva contraseña.

Aplicación web React

Ahora puedes abrir la URL local del componente client en un navegador para acceder a la aplicación.