Complementos de Gmail con Ismael Serrano

Conoce a Ismael Serrano

Actualmente es el responsable de aplicaciones web y de las aplicaciones internas del Grupo Visual MS.

Tiene más de 14 años de experiencia en el desarrollo web, en los últimos años ha derivado más hacia el frontend, aunque cuenta con una gran experiencia también en el backend.

Puedes seguir a Ismael Serrano en Twitter @ismaserrano.

¿Qué es un complemento de Gmail?

Gmail es un gestor de correo muy usado a nivel mundial. Si en tu empresas usas los productos de Google y tienes necesidad de conectar los servicios de Google con tus aplicaciones, los complementos te permiten crear scripts que facilitan la integración de tu software con Gmail y también con el resto de servicios de las Google Apps.

¿Qué se puede hacer con un complemento de GMail?

• Ver datos del contacto.
• Dar de alta un contacto.
• Dar de alta tareas en la agenda.
• Conexión con BI.
• Recibir correo de pedido aceptado y generar factura.

Ejemplos

• Mailtrack.
• Trello.
• Asana.
• Dropbox.
• Streak CRM.

Estructura

• Basada en las guías de diseño de Google.
• Card actions.
• Secciones:
  • Key value with text button.
  • Text paragraph.
  • Key value with icon.
  • Image.
  • Card header.
  • Card section.
  • Section header.
• Controles de edición:
  • Key value widgets.
  • Button set.
  • Key value with switch.
  • Text inputs.
  • Radio buttons.
  • Checkbox.
  • Text button.

Manifiesto

• Configuraciones básicas del complemento.
• Permisos oauthScopes.
• URLs externas permitidas urlFetchWhitelist
• Clave principal de nombre, colores, acciones, botón superior y triggers, por ejemplo qué ejecutamos al abrir el email.

Desarrollo

• Google App Script.
• Clases
  • GmailApp.
  • GmailAttachment.
  • GmailLabel.
• Librerías de terceros
  • HeapJS. Métodos básicos de JavaScript (pop, push, shift…)
  • LodashJS. Manejo de arrays, objetos.
  • MomentJS. Tratamiento de tiempos, fechas.
• Encapsulación de métodos y funciones.
• Utilización de variables de entorno.

Tips

• Ojo con los arrays, pasan a ser multidimensionales con índice 0 por cada índice superior en el caso de que no definamos el tipo al realizar el push.
• Acostumbraros a que un día, de buenas a primeras, deje de funcionar algo porque Google es muy dado a desplegar nuevas funcionalidades o mejorar antiguas y no reportarlo, ¡BIEN!

Depuración

• Despacho de acciones.
• Depuración interna. Consola de script. Logger.log(“texto”);
• Servicio Stackdriver Logging en la plataforma de Google.
  • Hay que dar de alta el servicio.
  • Hay que asociarlo al proyecto de Google App Script.

Publicación

• G Suite Developer Hub.
  • Se pueden gestionar versiones.
  • Se despliega desde el manifiesto.
    • Aplicación web
    • API ejecutable
    • Extensión en la Chrome Web Store.
• Publicación en el marketplace.