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 correctamente usando el CLI de Catalyst.

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

La aplicación Alien City ahora se sirve en el puerto predeterminado 3000. Se muestran las URLs de los endpoints locales de los componentes.

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

Probemos la aplicación ingresando el nombre de una ciudad y verificando el historial de un encuentro con alienígenas en la ciudad. Como aún no hemos reportado un encuentro con alienígenas en una ciudad, el resultado debería ser negativo.

Ingresa el nombre de una ciudad en el campo de texto y haz clic en Check.

Como no se encontró un registro coincidente para esta ciudad en el Data Store, el client muestra una respuesta negativa.

Ahora, reportemos un encuentro con alienígenas. Haz clic en la pestaña Report Alien Encounter. Ingresa el nombre de una ciudad y haz clic en Report. Hemos ingresado “Amsterdam” en nuestra aplicación.

La aplicación mostrará un cuadro emergente confirmando que los datos se agregaron al Data Store.

Puedes verificar esto abriendo tu consola de Catalyst y navegando a Data Store en Storage > CloudScale. Haz clic en la pestaña Data View para ver el registro que se acaba de insertar.

A continuación, busquemos esta ciudad en el client y verifiquemos si recupera este registro del Data Store. Haz clic en Check My City en la aplicación client e ingresa el nombre de la ciudad que acabas de reportar. Aquí, ingresamos “Amsterdam”. Haz clic en Check.

El client muestra una respuesta positiva.

También puedes verificar si el client muestra el mensaje de duplicación reportando la misma ciudad nuevamente.

Si esta configuración funciona correctamente, podemos desplegar la aplicación a producción.