Descripción general del desarrollo de aplicaciones

App Maker es una interfaz WYSIWYG ("lo que ves es lo que obtienes") para compilar aplicaciones web. Puedes personalizar tus aplicaciones con secuencias de comandos y CSS, además de integrarlas en los servicios de G Suite a través de sus API.

Planifica tu aplicación

Independientemente de cómo planees usar App Maker, contar con algo de preparación te ayudará a crear una aplicación fácil de usar y de alto rendimiento más rápido.

  1. Si quieres usar bases de datos de Cloud SQL en tu aplicación, pídele a tu administrador de G Suite que configure Cloud SQL para tu organización.
  2. Sigue las recomendaciones para diseñar tu aplicación. Para compilar más rápido, evalúa las siguientes opciones:

  3. Planifica la seguridad de tu aplicación y aplica tus decisiones en la configuración de la aplicación.

  4. (Opcional) Reúne y prepara:

  5. (Opcional) Las aplicaciones de App Maker usan Google Material Design con la configuración predeterminada, y las plantillas incluyen CSS, que ajusta automáticamente el diseño de la aplicación para diferentes tamaños de pantallas. De ser necesario, puedes personalizar más tu estilo.

Crea y prueba tu aplicación

Cuando estés listo para compilar tu aplicación, estos son los pasos que debes seguir:

  1. Accede a la cuenta de G Suite que te proporcionó tu empleador o escuela.
  2. Dirígete a https://appmaker.google.com para abrir App Maker.
  3. Comienza a crear una aplicación nueva.

    • Si App Maker muestra el cuadro de diálogo de bienvenida, haz clic en Crear aplicación nueva.
    • De lo contrario, haz clic en Menúchevron_rightNueva.
  4. Selecciona la plantilla que deseas usar como punto de partida. Si estás dando tus primeros pasos en App Maker, te recomendamos la plantilla aplicación para principiantes, la cual incluye un encabezado de Material Design y un menú hard-coded.

  5. Edita tu primera página:

    • Si tu aplicación usa una base de datos, agrega modelos o importa datos desde una hoja de cálculos. Para ello, haz clic en Datos en el panel de navegación izquierdo.
    • Arrastra y suelta widgets y fragmentos de página a la página.
    • Si tu aplicación usa secuencias de comandos de servidor y de cliente para controlar el funcionamiento de los widgets, las consultas a la base de datos y otras acciones, agrega secuencias de comandos con la opción Secuencias de comandos del panel de navegación izquierdo.
    • Para agregar más páginas, haz clic en Páginas en el panel de navegación izquierdo.
  6. A medida que desarrollas tu aplicación, es posible que veas el ícono de problemas report_problem. El ícono de problemas aparece cuando App Maker detecta errores en tu aplicación, como problemas con la secuencia de comandos o rutas de acceso faltantes. Para ver una lista de las advertencias y errores, haz clic en el ícono.

  7. Mientras compilas tu aplicación, haz clic en Vista previa para confirmar que tu aplicación tenga el comportamiento que esperas. Las instancias de vista previa proporcionan una versión funcional de tu aplicación con una consola de vista previa para la solución de los problemas.

Publica y comparte tu aplicación

Cuando estés satisfecho con la vista previa y listo para permitir que los usuarios accedan a tu aplicación, sigue estos pasos:

  1. Cuando tu aplicación esté lista, revisa la configuración de seguridad.

  2. (Opcional) Configura una base de datos personalizada de Cloud SQL. A menudo, las organizaciones usan la base de datos predeterminada de Cloud SQL para las instancias de vista previa y las implementaciones de prueba de una aplicación, y una base de datos personalizada de Cloud SQL para la implementación en producción.

  3. Publica tu aplicación en una implementación. Primero, puedes publicar una implementación de prueba a la que solo algunos usuarios puedan acceder y, luego, publicar una implementación de producción a la que puedan acceder todos los usuarios de tu organización.

  4. Si tu aplicación requiere acceso a los datos de G Suite de tus usuarios, como los archivos de Drive o Gmail, se les pedirá a los usuarios de tu aplicación que revisen los permisos de la aplicación cuando la abran por primera vez. Puedes pedirle a tu administrador de G Suite que incluya cada aplicación de App Maker en la lista blanca para desactivar estas revisiones.

  5. Para permitir que los usuarios accedan a tu aplicación, compárteles la URL de la implementación. Para obtener la URL, sigue estos pasos:

    • Haz clic en Publicar > Editar implementaciones.
    • Junto a la implementación, haz clic en la flecha hacia abajo.
    • Copia la URL y distribúyela a tus usuarios.

Tu aplicación de App Maker está lista para entrar en acción. Puedes seguir desarrollando tu aplicación mientras tus usuarios acceden a una revisión anterior. Luego, publica las revisiones nuevas cuando estén listas.