--- title: "Inicializar el proyecto" url: https://docs.catalyst.zoho.com/es/tutorials/hosted-login-app/java/init-project/ description: "Crea una aplicación Basic o React con Catalyst Hosted Authentication que ofrece registro, inicio de sesión, restablecimiento de contraseña e inicio federado." last_updated: 2026-11-04T10:10:44Z service: All Services type: tutorial related_links: - name: "Initialize CLI Resources" url: /es/cli/v1/initialize-resources/introduction - name: "Project Directory Structure" url: /es/cli/v1/project-directory-structure/introduction --- # Inicializar el proyecto desde la CLI Ahora puedes comenzar a trabajar en tu proyecto de Catalyst desde la CLI. El primer paso es inicializar el proyecto en un directorio vacío. Este será el directorio principal de tu proyecto y todos los archivos del proyecto se guardarán en él. Puedes obtener más información sobre esto en la [página de ayuda de la estructura de directorios del proyecto](https://docs.catalyst.zoho.com/es/cli/v1/project-directory-structure/introduction/). Puedes aprender sobre la inicialización de un proyecto en detalle en la [documentación de ayuda de la CLI](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/introduction). Para esta aplicación, inicializaremos una función [Basic I/O](https://docs.catalyst.zoho.com/es/serverless/help/functions/basic-io/), que contendrá la lógica para [Custom User Validation](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction/), y una [aplicación web Basic](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#basic-client-applications) como componente client. > **Nota:** Asegúrate de ingresar el nombre del paquete o el nombre de la clase de la función exactamente como se indica, porque el código de la aplicación contiene el mismo nombre. 1. Crea una carpeta para el proyecto en tu máquina local y navega hasta ella desde la terminal. 2. Inicializa un proyecto ejecutando el siguiente comando desde ese directorio: ```sh catalyst init ``` 3. Navega usando las **teclas de flecha**, selecciona tu portal preferido y presiona la tecla **Enter**. Si no tienes otras organizaciones asociadas con la cuenta, se seleccionará automáticamente la predeterminada. ![catalyst_authorization_portal_multiorg_choice](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authorization_portal_multiorg_choice.webp) > **Nota:** Puedes obtener más información sobre la funcionalidad de portal multi-org de Catalyst en este [documento de ayuda](https://docs.catalyst.zoho.com/es/getting-started/catalyst-organizations/#access-the-multi-org-portal). 4. La CLI te pedirá que asocies un proyecto de Catalyst con el directorio. Asócialo con el proyecto que creamos anteriormente desde la consola. Selecciona **Authorization Portal** de la lista y presiona **Enter**. ![catalyst_authentication_hosted_project_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_project_select.webp) 5. Navega usando las teclas de flecha y selecciona **Functions**, **Client** usando la barra espaciadora. Presiona **Enter** para inicializar. ![catalyst_authentication_hosted_func_client_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_func_client_select.webp) 6. La CLI iniciará la configuración de la función. Selecciona **Basic IO** como el tipo de función para tu función de *Custom User Validation*. ![catalyst_authentication_hosted_func_type_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_func_type_select.webp) 7. Selecciona el runtime más reciente de *Java* como el stack de la función. ![catalyst_authentication_hosted_func_java_runtime_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_func_java_runtime_select.webp) 8. Ingresa "`authorized_portal_app`" como nombre del paquete, "`Custom_User_Validation_Java`" como nombre de la función y luego presiona **Enter**. Alternativamente, puedes presionar **Enter** sin ingresar datos para completar con los valores predeterminados. La CLI solicitará la inicialización de las dependencias de Java. ![catalyst_authentication_hosted_java_func_setup_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_java_func_setup_complete.webp) La CLI ahora iniciará la configuración del client. **Aplicación web básica** 9. Selecciona **Basic web app** y presiona **Enter** para inicializar tu client como una [aplicación web básica](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#basic-client-applications). ![catalyst_authentication_hosted_client_type_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_type_select.webp) 10. Ingresa un nombre para tu paquete client y presiona **Enter**. Para los fines de este tutorial, estamos nombrando nuestro paquete client "`ZylkerTechnologies`". Puedes usar el mismo o proporcionar un nombre de tu preferencia. ![catalyst_authentication_hosted_client_choice_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_choice_complete.webp) La inicialización de Catalyst está completa. El directorio del proyecto ahora está configurado con el directorio client y el directorio de funciones junto con los archivos de configuración y las dependencias. El directorio del proyecto también contiene el archivo de configuración [`catalyst.json`](https://docs.catalyst.zoho.com/es/cli/v1/project-directory-structure/catalyst-json/) y un archivo oculto `.catalystrc`. La estructura del directorio de tu proyecto debería verse como se muestra a continuación: ![catalyst_hosted_login_java_basic_directory](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_hosted_login_java_basic_directory.webp) **Aplicación web React** 9. Selecciona **React web app** y presiona **Enter** para inicializar tu client como una [aplicación web React](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#react-applications). ![catalyst_authentication_hosted_client_react_type_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_react_type_select.webp) 10. Selecciona **JavaScript** como el tipo de aplicación React y presiona **Enter**. ![catalyst_authentication_hosted_client_react_type_javascript_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_react_type_javascript_select.webp) 11. Ingresa "`zylkertechnologies`" como nombre de tu paquete client y haz clic en **Enter**. También puedes proporcionar cualquier nombre de tu preferencia. Todos los paquetes de React requeridos, como "`react`," "`react-dom`" y "`react-scripts`" se instalarán a través del plugin de Catalyst para React ([`zcatalyst-cli-plugin-react`](https://www.npmjs.com/package/zcatalyst-cli-plugin-react)). ![catalyst_authentication_hosted_client_react_type_initing](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_react_type_initing.webp) El client se ha inicializado exitosamente como una aplicación web React. ![catalyst_authentication_hosted_client_react_type_init_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_react_type_init_complete.webp) El [directorio client](https://docs.catalyst.zoho.com/es/cli/v1/project-directory-structure/client-directory) se creará con la estructura estándar en el directorio del proyecto. Esta es la estructura del directorio del proyecto *Authorization Portal* si el client se inicializa como una aplicación React. ![catalyst_hosted_login_java_react_directory](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_hosted_login_java_react_directory.webp) La inicialización de Catalyst está completa. **Aplicación web Angular** 9. Selecciona **Angular web app** y presiona **Enter** para inicializar tu client como una [aplicación web Angular](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#angular-applications). ![catalyst_authentication_hosted_client_angular_type_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_angular_type_select.webp) 10. Nombra tu aplicación Angular "`ZylkerTechnologies`" y presiona la tecla **Enter**. Dado que esta aplicación no requiere Angular Routing, ingresa "`N`" en el indicador. Finalmente, elige `CSS` como formato de hoja de estilos y presiona la tecla **Enter**. ![catalyst_authentication_hosted_client_angular_type_init](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_angular_type_init.webp) Catalyst inicializará el client usando el **plugin de Catalyst para Angular** ([`zcatalyst-cli-plugin-angular`](https://npm.io/package/zcatalyst-cli-plugin-angular)). ![catalyst_authentication_hosted_client_angular_type_init_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_angular_type_init_complete.webp) El client se ha inicializado exitosamente como una aplicación web Angular. El directorio del proyecto ahora está configurado con el directorio client y el directorio de funciones junto con los archivos de configuración y las dependencias. El directorio del proyecto también contiene el archivo de configuración [`catalyst.json`](https://docs.catalyst.zoho.com/es/cli/v1/project-directory-structure/catalyst-json/) y un archivo oculto `.catalystrc`. La estructura del directorio de tu proyecto debería verse como se muestra a continuación: ![catalyst_authentication_hosted_java_client_angular_type_first_directory](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_java_client_angular_type_first_directory.webp)