Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.
Cómo AWS App Studio funciona
Hay algunos conceptos clave que debes entender al usar AWS App Studio para crear aplicaciones. En este tema se tratan los aspectos básicos de los siguientes conceptos o recursos:
Usar conectores para conectarse a otros servicios para usar sus recursos o llamadas a la API en tu aplicación. Por ejemplo, puedes usar conectores para almacenar datos y acceder a ellos, o enviar notificaciones desde tu aplicación.
Usar entidades para configurar el modelo de datos de la aplicación, que conecta la aplicación con la fuente de datos externa.
Usar páginas y componentes para crear la interfaz de usuario (UI) de la aplicación.
Usar automatizaciones y acciones para implementar la lógica o el comportamiento de la aplicación.
El ciclo de vida del desarrollo de aplicaciones en App Studio: creación, prueba y publicación.
Para obtener más información sobre los conceptos de App Studio, consulteAWS Conceptos de App Studio.
La siguiente imagen es un diagrama sencillo de cómo se organizan App Studio y sus recursos.
En una aplicación de App Studio, las páginas, las automatizaciones y las entidades interactúan entre sí. Los conectores se utilizan para conectar estos recursos a servicios externos, como proveedores de datos, almacenamiento o notificaciones. Para crear una aplicación con éxito, es fundamental entender cómo interactúan entre sí todos estos conceptos y recursos.
Conectar su aplicación a otros servicios
Una de las mayores ventajas de usar App Studio para crear aplicaciones es poder integrar fácilmente tu aplicación con otros servicios. En App Studio, te conectas a otros servicios mediante conectores específicos para el servicio y los recursos o las llamadas a la API que deseas usar con tu aplicación.
Los conectores se crean a nivel de instancia de App Studio y no en aplicaciones individuales. Después de crear los conectores, puedes usarlos en distintas partes de las aplicaciones, según el servicio conectado y la aplicación.
Los siguientes son ejemplos de la funcionalidad de las aplicaciones que utilizan conectores para conectarse a otros servicios:
El caso de uso más común, que se utiliza en casi todas las aplicaciones, consiste en almacenar y acceder a los datos utilizados en la aplicación mediante la conexión a servicios de AWS datos como Amazon Redshift, Amazon DynamoDB o Amazon Aurora.
Una aplicación que permite cargar y ver imágenes, como recibos, puede usar Amazon S3 para almacenar los archivos de imágenes y acceder a ellos.
Una aplicación de resumen de texto puede enviar una entrada de texto a Amazon Bedrock y mostrar el resumen devuelto.
nota
Debe tener la función de administrador en App Studio para crear conectores. Al crear conectores, debes incluir las credenciales adecuadas y la información sobre los recursos o las llamadas a la API que deseas usar.
Configurar el modelo de datos de su aplicación
Los datos de su aplicación son la información que impulsa la aplicación. En App Studio, creas y usas entidades que representan los distintos tipos de datos que almacenas y con los que trabajas. Por ejemplo, en una aplicación de seguimiento de reuniones con clientes, es posible que tengas tres entidades que representen las reuniones con clientes, las agendas y los asistentes.
Las entidades contienen campos que tienen tipos, como enteros o cadenas, que describen los datos que se almacenan. Si bien utiliza entidades para definir el modelo de datos, debe conectar la entidad a un servicio de almacenamiento de datos externo, como Amazon Redshift o Amazon DynamoDB, para almacenar los datos. Puedes pensar en una entidad como un intermediario entre tu aplicación de App Studio y los datos del servicio externo.
Puedes usar acciones de datos para interactuar con los datos de tu aplicación procedentes de componentes y automatizaciones. Las dos acciones de datos más comunes que se utilizan son una getAll acción y una getByID acción. Por ejemplo, su aplicación podría usar la acción de getAll datos para rellenar una tabla con sus datos y una getByID acción para completar un componente de detalle con más información sobre una entrada de datos específica.
También puedes agregar datos de muestra a tu entidad para probar más fácilmente tu aplicación sin necesidad de llamar a servicios externos.
Creación de la interfaz de usuario de la aplicación
En App Studio, creas la interfaz de usuario de tu aplicación con páginas y componentes. Las páginas son pantallas individuales de tu aplicación y son contenedores de componentes. Los componentes son los componentes básicos de la interfaz de usuario de la aplicación. Hay muchos tipos de componentes, como tablas, formularios, visores de imágenes y botones.
La siguiente imagen muestra la pestaña Páginas del estudio de aplicaciones, donde puedes agregar o configurar páginas y componentes en tu aplicación. Las siguientes áreas clave están resaltadas y numeradas:
El panel de páginas del lado izquierdo. Aquí es donde administras las páginas, el encabezado de la aplicación y la configuración de navegación. Puede ver todas las páginas y los componentes de la aplicación.
El lienzo, que muestra los componentes de la página actual. Puede elegir los componentes del lienzo para configurar sus propiedades.
El panel de componentes o propiedades del lado derecho. Si no hay nada seleccionado, se muestra el panel Componentes, que muestra la lista de componentes que se pueden añadir a la página. Si selecciona una página o un componente, se muestra el panel Propiedades, donde puede configurar la página o el componente.
Los paneles de errores y advertencias inferiores. Estos paneles muestran los errores o advertencias de la aplicación, que suelen deberse a problemas de configuración. Puede elegir el panel para expandirlo y ver los mensajes.
Por ejemplo, las aplicaciones en las que los usuarios tienen que introducir información pueden tener las siguientes páginas y componentes:
Una página de entrada que incluye un componente de formulario que los usuarios utilizan para rellenar y enviar información.
Una página de visualización de lista que contiene un componente de tabla con información sobre cada entrada.
Una página de vista detallada que contiene un componente detallado con más información sobre cada entrada.
Los componentes pueden incluir información o datos estáticos, como un formulario con campos definidos. También pueden incluir información dinámica mediante el uso de automatizaciones, como un visor de imágenes que recupera una imagen de un bucket de Amazon S3 y se la muestra al usuario.
Es importante entender el concepto de parámetros de página. Los parámetros de página se utilizan para enviar información de una página a otra. Un ejemplo habitual de uso de los parámetros de página es la búsqueda y el filtrado, en los que el término de búsqueda de una página se envía a la tabla o lista de elementos para filtrarlos en otra página. Otro ejemplo práctico es la visualización de los detalles de un elemento, en la que el identificador del elemento se envía a una página de visualización detallada.
Implementar la lógica o el comportamiento de su aplicación
Puedes pensar en la lógica o el comportamiento de tu aplicación como la funcionalidad de la aplicación. Puede definir qué ocurre cuando un usuario elige un botón, envía información, navega a una página nueva o interactúa de otras maneras. En App Studio, puedes definir la lógica de tu aplicación con automatizaciones y acciones. Las automatizaciones son contenedores de acciones, que son los componentes básicos de la funcionalidad de las automatizaciones.
La siguiente imagen muestra la pestaña Automatizaciones del estudio de aplicaciones, donde puedes agregar o configurar las automatizaciones y sus acciones en tu aplicación. Las siguientes áreas clave están resaltadas y numeradas:
El panel de automatizaciones del lado izquierdo. Aquí es donde administras las automatizaciones. Puede ver todas las automatizaciones y acciones de su aplicación.
El lienzo, que muestra la automatización actual. Muestra los parámetros de automatización configurados (que se explican más adelante en esta sección) y las acciones. Puede elegir los componentes del lienzo para configurar sus propiedades.
Los paneles Acciones y Propiedades del lado derecho. Si no hay nada seleccionado, se muestra el panel Acciones. Muestra la lista de acciones que se pueden agregar a la automatización. Si seleccionas una automatización, puedes ver y configurar sus propiedades, como la entrada y la salida de la automatización. Si seleccionas una acción, puedes ver y configurar las propiedades de la acción.
Los paneles de errores y advertencias inferiores. Este panel muestra los errores o advertencias de la aplicación (por lo general, relacionados con problemas de configuración). Puede elegir el panel para expandirlo y ver los mensajes.
Las automatizaciones pueden ser sencillas (por ejemplo, añadir números y devolver el resultado) o más eficaces (por ejemplo, enviar una entrada a otro servicio y devolver el resultado). Los principales componentes de una automatización son los siguientes:
-
Un disparador, que define cuándo se ejecuta la automatización. Un ejemplo es cuando el usuario pulsa un botón en la interfaz de usuario.
-
Una entrada de automatización, que envía información a la automatización. Las entradas de automatización se definen con parámetros de automatización. Por ejemplo, si desea utilizar Amazon Bedrock para devolver un resumen de texto al usuario, configure el texto para que se resuma como un parámetro de automatización.
-
Acciones, que son los componentes básicos de la funcionalidad de una automatización. Puedes pensar en cada acción como un paso de la automatización. Las acciones pueden llamar a las API, invocar aplicaciones personalizadas JavaScript, crear registros de datos y realizar otras funciones. También puede agrupar las acciones en bucles o condiciones para personalizar aún más la funcionalidad. También puedes invocar otras automatizaciones con una acción.
-
Una salida de automatización, que puedes usar en componentes o incluso en otras automatizaciones. Por ejemplo, la salida de la automatización podría ser el texto que se muestra en un componente de texto, una imagen que se mostrará en un componente del visor de imágenes o la entrada a otra automatización.
El ciclo de vida de desarrollo de su aplicación
El ciclo de vida de desarrollo de su aplicación incluye las siguientes etapas: creación, prueba y publicación. Se denomina ciclo, porque es probable que vayas recorriendo estas etapas y entre ellas a medida que vayas creando tu aplicación y realizando iteraciones en ella.
La siguiente imagen muestra un cronograma simplificado del ciclo de vida de desarrollo de aplicaciones en App Studio:
App Studio ofrece varias herramientas para respaldar el ciclo de vida de tu aplicación. Estas herramientas incluyen los tres entornos distintos siguientes, que se muestran en el diagrama anterior:
El entorno de vista previa, donde puede obtener una vista previa de la aplicación para ver cómo la ven los usuarios finales y probar funciones específicas. Usa el entorno de vista previa para probar e iterar rápidamente tu aplicación sin necesidad de publicarla. Las aplicaciones del entorno de versión preliminar no se comunican ni transfieren datos con servicios externos. Esto significa que no puede probar las interacciones y las funciones que dependen de servicios externos en el entorno de vista previa.
El entorno de pruebas, en el que puede probar la conexión y las interacciones de la aplicación con los servicios externos. Aquí también puede realizar pruebas para los usuarios finales al compartir la versión publicada en el entorno de pruebas con grupos de evaluadores.
El entorno de producción, donde puede realizar las pruebas finales de las nuevas aplicaciones antes de compartirlas con los usuarios finales. Una vez compartidas las aplicaciones, la versión de la aplicación que se publica en el entorno de producción es la versión que los usuarios finales verán y utilizarán.
Más información
Ahora que conoces los aspectos básicos del funcionamiento del desarrollo de aplicaciones en App Studio, puedes empezar a crear tu propia aplicación o profundizar en el aprendizaje de conceptos y recursos.
Para empezar a crear, te recomendamos que pruebes uno de los tutoriales de introducción:
Sigue Tutorial: Generar una aplicación mediante IA estos pasos para aprender a usar el asistente de creación de IA para empezar a crear una aplicación con ventaja.
Sigue Tutorial: Empieza a crear desde una aplicación vacía para aprender a crear una aplicación desde cero mientras aprendes los conceptos básicos.
Para obtener más información sobre los recursos o conceptos mencionados en este tema, consulte los siguientes temas:
