Diseña plantillas de aplicaciones

Los administradores crean plantillas de aplicaciones para garantizar que cada equipo de desarrollo use la arquitectura que prefieren. Esto te ayuda a controlar los recursos y la configuración que los desarrolladores usan en las implementaciones de sus aplicaciones.

Una vez que crees una plantilla de aplicación, otras personas de tu espacio podrán acceder a ella. También puedes agregar una plantilla a un catálogo para compartirla con otros espacios.

Los desarrolladores pueden usar tu plantilla para crear e implementar una aplicación. Cuando los desarrolladores crean una aplicación, pueden configurar cada componente de la plantilla, pero no pueden agregar ni quitar componentes. La plantilla genera código de Terraform, que los desarrolladores pueden descargar o implementar desde el Centro de diseño de aplicaciones.

En este documento, se explica cómo diseñar, configurar y compartir una plantilla de aplicación con App Design Center.

Antes de comenzar

Debes tener uno de los siguientes roles en la carpeta habilitada para la app o en el proyecto de administración:

  • Administrador del Centro de diseño de aplicaciones (roles/designcenter.admin)
  • Usuario del Centro de diseño de aplicaciones (roles/designcenter.user)

Crea una plantilla de aplicación

Crea plantillas de aplicaciones para compartir el diseño de tu arquitectura con los equipos de desarrollo. Puedes agregar los siguientes componentes al diseño de tu plantilla:

  • Recursos: Son recursos de alto nivel que te ayudan a controlar otros recursos. Por ejemplo, las cuentas de servicio.

  • Servicios: Son interfaces de red o de API que se consumen a través de la red. Algunos ejemplos son Cloud Storage y Vertex AI.

  • Cargas de trabajo: Son implementaciones binarias que realizan funciones comerciales. Entre los ejemplos, se incluyen Cloud Run y Compute Engine.

Puedes seleccionar entre los siguientes componentes:

A medida que diseñes tu plantilla, el Centro de diseño de apps generará código de Terraform para reflejar los detalles de diseño y configuración.

Especifica los detalles de la plantilla

Los detalles de la plantilla te ayudan a categorizarla y a que los desarrolladores decidan si usarla.

Para ingresar los detalles de tu plantilla, haz lo siguiente:

  1. En el menú de navegación, haz clic en Plantillas.

    Ir a Plantillas

  2. Haz clic en Crear Plantilla.

  3. En el campo ID de plantilla, ingresa un identificador único para la plantilla. Este campo es obligatorio.

  4. En el campo Nombre de la plantilla, ingresa un identificador legible para mostrar en la consola de Google Cloud .

    Si no proporcionas un nombre, se copiará el ID de la plantilla en este campo.

  5. En el campo Descripción, ingresa una breve explicación del propósito de la aplicación.

  6. Haz clic en Crear Plantilla. Se muestra el lienzo de diseño.

Diseña tu plantilla

Diseña tu plantilla agregando y conectando componentes en el lienzo de diseño. En el siguiente ejemplo, se incluyen tres componentes conectados.

Una aplicación web de tres niveles en el lienzo de diseño. La aplicación incluye componentes de frontend, backend y base de datos.

Puedes diseñar tu plantilla agregando componentes a los siguientes puntos de partida:

Para diseñar tu plantilla, haz lo siguiente:

  1. En el lienzo de diseño, asegúrate de que esté seleccionada la opción Diseño.

  2. Para comenzar, realiza una de las siguientes acciones:

    • Para comenzar desde cero, en el área Componentes, haz clic en un componente para agregarlo al área del lienzo.

    • Para comenzar con una plantilla proporcionada por Google, haz clic en el nombre de la plantilla.

    • Para usar el chat en lenguaje natural y generar una plantilla, haz clic en Custom Application with Gemini.

  3. Para crear un canal de comunicación entre componentes, haz una de las siguientes acciones:

    • Para conectar dos componentes en el lienzo, arrastra desde un punto azul de un componente hasta un punto azul de otro componente.

    • Para agregar un componente existente, haz clic en Agregar y selecciona el componente que deseas agregar.

    Para obtener detalles de la conexión, consulta la documentación de configuración de cada recurso compatible.

  4. Para quitar un componente o una conexión, haz lo siguiente:

    1. En el lienzo, haz clic en el componente o la conexión.

    2. En el área Configuración, haz clic en Borrar.

    3. En el campo, ingresa delete.

    4. Haz clic en Borrar.

Configura valores predeterminados para los componentes

Para cada componente que agregues al lienzo, puedes especificar detalles de configuración, como el proyecto en el que se crea el recurso y la ubicación en la que se implementa. Si especificas detalles de configuración, el Centro de diseño de aplicaciones los usará como valores predeterminados para las aplicaciones.

También puedes modificar los detalles de la conexión si la configuración predeterminada no cumple con tus requisitos. Por ejemplo, puedes modificar los nombres de las claves de las variable de entorno, cambiar los puertos de conexión o agregar roles adicionales a las cuentas de servicio.

Antes de implementar una aplicación, los desarrolladores pueden ver y modificar los valores predeterminados que configuraste en la plantilla. Los desarrolladores deben configurar los detalles necesarios para cada recurso compatible.

Para configurar componentes y conexiones, haz lo siguiente:

  1. En el lienzo de diseño, haz clic en un componente.

  2. En el área Configuración, en la lista ID del proyecto, selecciona el proyecto en el que deseas implementar el recurso. Selecciona un proyecto que cumpla con los siguientes requisitos:

  3. Configura parámetros adicionales para el recurso. Por ejemplo, para Cloud SQL, puedes configurar lo siguiente:

    • Región
    • Configuración de las copias de seguridad
    • Marcas de la base de datos
    • Configuración de IP

    Para obtener vínculos a la documentación de configuración de cada componente, consulta Recursos compatibles.

  4. Cuando conectas componentes en el lienzo de diseño, se usan valores de configuración predeterminados para crear la conexión. Para agregar o modificar los detalles de conexión, haz lo siguiente.

    1. En el lienzo de diseño, haz clic en la conexión entre dos componentes. Se abrirá el panel Connection y se mostrarán los parámetros de conexión.

    2. Realiza una de las siguientes acciones:

      • Para modificar un parámetro de conexión existente, haz clic en Editar.

      • Para agregar un parámetro de conexión nuevo, haz clic en Agregar parámetro.

    3. Actualiza los campos Clave y Valor. Por ejemplo, es posible que desees modificar los siguientes detalles:

      • Nombres de claves de variables de entorno para alinearse con los requisitos de tu aplicación
      • Es el valor del puerto de conexión.
      • Son los roles que se agregaron a una cuenta de servicio.
  5. Haz clic en Guardar.

Edita el código de Terraform

A medida que diseñas tu plantilla de aplicación, Application Design Center genera código de Terraform para reflejar los detalles de diseño y configuración. Puedes editar Terraform para especificar los detalles de configuración de los componentes.

El sistema genera los siguientes archivos de Terraform:

  • main.tf: Es el código de infraestructura que incluye un módulo para cada componente de la plantilla.
  • outputs.tf: Expone información sobre los componentes de infraestructura que se implementan.
  • variables.tf: Declara el nombre, el tipo y la descripción de las variables que se usan en el archivo main.tf.
  • input.tfvars: Define valores para las variables que se usan en el archivo main.tf.
  • providers.tf: Define etiquetas que ayudan a Terraform a interactuar con las APIs y los recursos de Google Cloud .

Para obtener información general, consulta Descripción general de Terraform enGoogle Cloud.

Para editar el código de Terraform, haz lo siguiente:

  1. En el lienzo de diseño, haz clic en Código. El sistema muestra los archivos de Terraform generados.

  2. Haz clic en main.tf. El sistema muestra el módulo de Terraform para cada componente.

  3. Edita los detalles de la configuración. Para obtener más información, consulta la documentación de configuración de cada recurso compatible.

    El sistema valida automáticamente tus ediciones y muestra errores si no son válidas.

  4. Para destacar y comparar tus ediciones, haz lo siguiente:

    1. Haz clic en Ver diferencia.

    2. Para revertir un cambio, haz clic en Click to revert change en el margen.

    3. Haz clic en Ver diferencias para cerrar la vista de comparación.

  5. Para guardar los cambios, haz clic en Save code changes.

  6. Para verificar tus cambios, haz lo siguiente.

    1. Haz clic en Diseño.
    2. Haz clic en un componente y revisa los detalles de su configuración.

Cómo borrar una plantilla

Si ya no necesitas una plantilla, puedes borrarla.

  1. En el lienzo de diseño, haz clic en Acciones.
  2. Haz clic en Borrar.

Verifica tu plantilla

Antes de compartir tu plantilla con los desarrolladores, asegúrate de que funcione como esperabas. Para verificar tu plantilla, haz lo siguiente:

  1. Crea una aplicación con la siguiente configuración:
    1. En la lista Entorno, selecciona TEST.
    2. En la lista Criticality, selecciona LOW.
  2. Implemente la aplicación. Para conocer los pasos de implementación, consulta Implementa una aplicación desde la consola.
  3. Prueba tu infraestructura para asegurarte de que cumpla con tus requisitos.
  4. Para evitar costos recurrentes, borra la implementación de prueba.

Cómo compartir una plantilla en un catálogo

Una vez que hayas verificado tu plantilla, podrás publicarla en un catálogo. Los desarrolladores de aplicaciones que tengan acceso a un espacio en el que se comparta el catálogo pueden usar la plantilla.

  1. En el lienzo de diseño, haz clic en Agregar al catálogo.
  2. Para administrar los espacios en los que se comparte el catálogo, consulta Administra catálogos.

Revisa y vuelve a compartir tu plantilla

A medida que adquieras experiencia con tu aplicación y evolucionen las necesidades de tu empresa, es posible que desees actualizar la plantilla de la aplicación. Por ejemplo, puedes decidir mejorar el rendimiento de un servicio de backend agregando un servicio de Memorystore para el almacenamiento en caché.

Cuando modificas una plantilla, creas una revisión de la plantilla. Para aplicar los cambios a las aplicaciones existentes, los desarrolladores deben implementar las aplicaciones con la revisión.

El Centro de diseño de aplicaciones no publica automáticamente las revisiones de plantillas en los catálogos. Para compartir la revisión más reciente, vuelve a publicar la plantilla en el catálogo.

Para crear una revisión nueva, haz lo siguiente:

  1. En el menú de navegación, haz clic en Plantillas.

    Ir a Plantillas

  2. Selecciona la plantilla de la aplicación que deseas revisar. Se abrirá el lienzo.

  3. Modifica la plantilla para que se ajuste a tus nuevos requisitos. Por ejemplo, agregar y configurar un componente nuevo

  4. Para compartir la revisión más reciente con otros espacios, vuelve a agregar la plantilla a los catálogos pertinentes.

¿Qué sigue?