Introducción a AWS

Crear una aplicación Flutter

Crear una aplicación Flutter sencilla con AWS Amplify

Introducción: crear una aplicación Flutter

Siga las instrucciones paso a paso para crear su primera aplicación Flutter.

Información general

En este tutorial, creará una aplicación de galería de fotos entre plataformas con AWS Amplify como un backend sin servidor que interactúe con la aplicación Flutter. A lo largo de los módulos de este tutorial, implementará una interfaz de usuario (UI) que permitirá que pueda tomar fotos, crear un flujo de inicio de sesión, cargar y descargar imágenes hacia o desde un bucket de Amazon S3 privado y agregar diversos eventos de análisis que se pueden monitorizar mediante Amazon Pinpoint.

Lo que aprenderá

Este tutorial lo guiará por los pasos para crear la aplicación Flutter sencilla que se mencionó anteriormente. Aprenderá a hacer lo siguiente:

  • Administrar el backend en la nube sin servidor con la CLI de AWS Amplify
  • Autenticar a los usuarios mediante Amazon Cognito
  • Cargar archivos hacia Amazon S3 y descargarlos desde este
  • Registrar eventos de análisis en Amazon Pinpoint

En este tutorial no necesitará ningún conocimiento previo con AWS o con cualquiera de sus servicios para seguirlo. Sin embargo, se incluirán algunos concepto intermedios más al trabajar con Flutter y Dart. Para obtener la mejor experiencia posible, asegúrese de familiarizarse con conceptos como asincrónico, el mapa de funciones de orden superior, Navigator 2.0 y StreamBuilder; puede obtener más información sobre estos temas aquí.

 Experiencia

AWS: principiante

Flutter: principiante, intermedio

Dart: principiante, intermedio

 Tiempo de realización

70 minutos

 Costo de realización

Apto para la capa gratuita

 Requisitos previos del tutorial

  • Flutter versión 1.20.0 o superior
  • Un editor* compatible con Flutter
  • Instalar la versión previa del desarrollador Amplify-Flutter de la CLI de Amplify al ejecutar: npm install -g @aws-amplify/cli@flutter-preview
  • Una cuenta de AWS** con al menos estos permisos (un rol de administrador o una cuenta raíz puede funcionar, pero recomendamos un enfoque de privilegios mínimos).
  • Un dispositivo Android o iOS para que pueda tomar fotos
 
[*]Este tutorial supone el uso de Visual Studio Code, pero está bien utilizar un editor diferente.
[**] Es posible que las cuentas creadas en las últimas 24 horas aún no tengan acceso a los servicios necesarios para este tutorial.

Módulos

Este tutorial está dividido en cinco módulos que cubren un tema particular en cada uno. Cada módulo continuará a partir del previo, por eso se recomienda que finalice cada uno en el orden indicado.

  1. Crear una aplicación Flutter (30 minutos): cree una aplicación Flutter con todos los componentes de interfaz de usuario implementados.
  2. Inicializar Amplify (10 minutos): inicie una aplicación de Amplify local con la CLI de AWS Amplify.
  3. Agregar autenticación (10 minutos): implemente la autenticación del usuario en su aplicación.
  4. Agregar almacenamiento (10 minutos): implemente la carga de imágenes hacia Amazon S3 o la descarga desde este.
  5. Agregar análisis (10 minutos): implemente el registro de eventos en varias áreas en toda la aplicación.

El último paso, eliminar, es opcional, pero lo recomendamos como medida de seguridad si desea hacer público su proyecto.

Crear una aplicación Flutter