---
title: "Introducción"
url: https://docs.catalyst.zoho.com/es/tutorials/alien-city-appsail/express/introduction/
description: "Crea una aplicación y hospédala en Catalyst usando el servicio Catalyst AppSail y Catalyst Data Store que te permite reportar o buscar encuentros con alienígenas en una ciudad."
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Project Directory Structure"
    url: /es/cli/v1/project-directory-structure/introduction/
  - name: "Catalyst SDK for AppSail"
    url: /es/serverless/help/appsail/key-concepts/catalyst-configurations/#implementing-catalyst-sdk-in-appsail/
---

# Alien City Using AppSail

### Introducción

Este tutorial te ayudará a construir una aplicación web Node.js Express llamada Alien City y hospedarla usando la oferta serverless de Catalyst, AppSail. AppSail es un componente PaaS altamente escalable que te permite programar tu aplicación en cualquier framework de programación de tu elección, independiente de cualquier estructura de código específica de Catalyst, y hospedarla en Catalyst con facilidad.

Alien City es una aplicación divertida que te permite buscar y reportar encuentros con alienígenas en una ciudad.

La aplicación web se verá de la siguiente manera:
![catalyst_appsail_tut_showcase_app](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_appsail_tut_showcase_app.webp)
Puedes acceder a una aplicación funcional y probar su funcionamiento aquí: [¡Prueba la app!](https://alien-city.catalystserverlessapp.com/app/)

La aplicación Alien City utiliza componentes de los siguientes servicios de Catalyst:

1. [**Catalyst Serverless**](https://docs.catalyst.zoho.com/es/serverless/getting-started/introduction/):
    - [AppSail](https://docs.catalyst.zoho.com/es/serverless/help/appsail/introduction/): Para hospedar la aplicación independiente de Node.js Express. Construiremos el front-end de la app así como la lógica del backend, y los empaquetaremos juntos para desplegar en AppSail.

2. [**Catalyst Cloud Scale**](https://docs.catalyst.zoho.com/es/cloud-scale/getting-started/introduction/):
    - [Data Store](https://docs.catalyst.zoho.com/es/cloud-scale/help/data-store/introduction/): Para almacenar la base de datos de las ciudades donde se han reportado encuentros con alienígenas.
    - [ZCQL](https://docs.catalyst.zoho.com/es/cloud-scale/help/zcql/introduction/): Para obtener datos del Data Store a través de consultas.

Usarás la [consola web de Catalyst](https://console.catalyst.zoho.com/) y la [interfaz de línea de comandos](https://docs.catalyst.zoho.com/es/cli/v1/cli-command-reference/) (CLI) de Catalyst para construir esta aplicación.

Se te proporcionará el código de los archivos que se incluirán en la aplicación en este tutorial. Solo necesitarás copiar el código y pegarlo en los archivos apropiados según las instrucciones.

### Arquitectura de la aplicación

El funcionamiento de la aplicación Alien City se puede describir de la siguiente manera:

* **Reportar un encuentro con alienígenas**
Un usuario ingresa el nombre de una ciudad donde experimentó un encuentro con alienígenas. Si la ciudad ya fue reportada anteriormente, la app muestra un mensaje notificando al usuario. Si la ciudad nunca ha sido reportada, los datos se agregarán a una tabla en el Data Store identificando la ciudad.

* **Verificar un encuentro con alienígenas**
Un usuario verifica si hay un registro de un encuentro con alienígenas en una ciudad en particular proporcionando su nombre. Si existe un registro de esa ciudad en el Data Store, la app mostrará una respuesta positiva. De lo contrario, mostrará una respuesta negativa.
![catalyst_alcity_architecture](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_alcity_architecture.webp)