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 que todo funcione 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 cliente, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP que se utiliza para acceder a ella.{{%/note%}}

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

### Caso de prueba 1

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

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

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

3. Se enviará el correo 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, iniciarás 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 provoque 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 diferente a 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 una dirección de correo electrónico diferente a la codificada para permitir 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 inicio de sesión social 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" %}}inicio de sesión social de Zoho{{%/link%}}.

2. Haz clic en **Accept**.

Iniciarás sesión en la aplicación.

Puedes verificar que el usuario final ha sido 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 la OTP a tu dirección de correo electrónico.

6. Ingresa la OTP recibida 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 del cliente en un navegador para acceder a la aplicación.

### Caso de prueba 1

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

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

2. Ingresa los datos 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, iniciarás 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 provoque una instancia de fallo.

2. No podrás registrarte en la aplicación usando una dirección de correo electrónico diferente a la codificada para permitir 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**.

Iniciarás sesión en la aplicación.

Puedes verificar que el usuario final ha sido 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 la OTP a tu dirección de correo electrónico.

6. Ingresa la OTP recibida 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 cliente, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP que se utiliza para acceder a ella.

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

### Caso de prueba 1

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

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

2. Ingresa los datos 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, iniciarás 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 provoque una instancia de fallo.

2. No podrás registrarte en la aplicación usando una dirección de correo electrónico diferente a la codificada para permitir 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**.

Iniciarás sesión en la aplicación.

Puedes verificar que el usuario final ha sido 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 la OTP a tu dirección de correo electrónico.

6. Ingresa la OTP recibida 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 que todo funcione 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 cliente, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP que se utiliza para acceder a ella.

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

Caso de prueba 1

Registrarse usando dirección de correo electrónico

Haz clic en Sign Up para crear una nueva cuenta.
Ingresa los datos requeridos y haz clic en Sign Up.
Se enviará el correo 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, iniciarás 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 provoque 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 diferente a Zylker Technology (@zylker.com), el usuario final no podrá registrarse en la aplicación.

No podrás registrarte en la aplicación usando una dirección de correo electrónico diferente a la codificada para permitir 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 inicio de sesión social que hayas configurado para comenzar el proceso de registro. Para esta prueba, nos registramos usando el inicio de sesión social de Zoho.
Haz clic en Accept.

Iniciarás sesión en la aplicación.

Puedes verificar que el usuario final ha sido 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 la OTP a tu dirección de correo electrónico.
Ingresa la OTP recibida 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 del cliente en un navegador para acceder a la aplicación.