Aprende a crear una aplicación personalizada en Make

Make, la plataforma de automatización, te ofrece acceso a más de 1600 aplicaciones en su catálogo. Además, puedes conectar cualquier aplicación con una API pública mediante el conector HTTP de Make.

Pero, ¿qué ocurre cuando varios usuarios necesitan acceso a la misma aplicación?

La solución es crear una aplicación personalizada en Make, y en este tutorial, te mostraré cómo hacerlo. Prepárate para descubrir un mundo de posibilidades en la automatización de procesos.

¡Potencia Tu Aprendizaje! Descubre Nuestros Recursos de Desarrollo en Make

Para ayudarte a dar tus primeros pasos en la creación de aplicaciones personalizadas en Make, hemos reunido algunos recursos educativos clave:

• [Curso] Capacitación en Desarrollo de Aplicaciones Personalizadas

Este curso especializado aborda temas esenciales sobre la creación de aplicaciones personalizadas en Make. Desde conceptos básicos hasta técnicas avanzadas, este programa de capacitación te proporcionará las habilidades necesarias para aprovechar al máximo la plataforma. Accede al curso aquí.

• [Tutorial] Cómo Construir una Aplicación Personalizada en Make

Este tutorial detallado te guiará a través de los pasos clave para crear tu propia aplicación personalizada en Make. Aprenderás a diseñar flujos de trabajo eficientes y a aprovechar al máximo las capacidades de automatización de Make. Accede al tutorial aquí.

• [Webinar] Construye una Aplicación Web Personalizada con Make

¿Prefieres aprender a través de experiencias en tiempo real? Entonces, no te pierdas nuestro webinar, donde mostraremos cómo construir una aplicación web personalizada utilizando Make. Sumérgete en casos prácticos y descubre consejos directamente de nuestros expertos. Mira el webinar aquí.

Estos recursos te brindarán una sólida base para desarrollar aplicaciones personalizadas en Make y aprovechar al máximo esta poderosa plataforma de automatización.

Cómo Crear una Aplicación Personalizada de Doppler en Make

Como caso práctico vamos a crear la aplicación de Doppler - Marketing Automation, la cual es una potente herramienta diseñada para enviar correos masivos de manera simple, rápida y efectiva. Doppler se ha convertido en un elemento esencial para profesionales y empresas en toda Latinoamérica.

Antes de sumergirnos en los detalles de cómo crear una aplicación personalizada de Doppler en Make, quiero expresar mi sincero agradecimiento a Ennio Castillo, Senior Partners and Integrations Manager de Doppler. Gracias a su iniciativa de contactarme en LinkedIn, tengo la oportunidad de compartir este tutorial hoy día.

¿Qué es una Aplicación Personalizada?

Una Aplicación Personalizada es un módulo desarrollado, ya sea de forma pública o privada, que permite realizar acciones dentro de una aplicación mediante su API.

Existen dos formas de publicar un módulo:

• Privada: Esta es la configuración por defecto de una aplicación personalizada. Significa que solo estará disponible en la cuenta donde se ha desarrollado inicialmente y en aquellas cuentas donde se comparte mediante un enlace de invitación.

• Pública: Las aplicaciones públicas se encuentran disponibles en el catálogo de Make, lo que significa que cualquier usuario puede utilizarlas. Sin embargo, antes de estar disponibles públicamente, deben pasar por un proceso de aprobación por parte de Make.

Actualmente, hay dos métodos para desarrollar una Aplicación Personalizada en Make:

Dentro de la plataforma, puedes acceder al entorno de desarrollo, desde el menú, o bien puedes desarrollar la aplicación empleando el editor Visual Studio Code (VS Code).

Para este artículo, nos enfocaremos en el editor que se encuentra dentro de la plataforma de Make, lo que significa que solo necesitarás una cuenta de Make para comenzar.

Guía paso a paso

Antes de comenzar es relevante que siempre tengas a mano la página de la documentación de Make la cual puedes acceder desde aquí.

También necesitas tener a mano la documentación de la API a integrar, en nuestro caso será la de Doppler que accedes aquí.

PASO 1 - Crear la aplicación

Para comenzar, inicia sesión en tu cuenta Make y en el menú ubicado a la izquierda, verás una sección titulada “My apps”, una vez allí, haz clic en el botón “Create a new app” y procede a completar la información inicial requerida para la nueva aplicación que estás a punto de crear.

PASO 2 - Configurar sección BASE

A partir de ahora es necesario tengas a mano la documentación de la API que vamos a integrar, para nuestro caso Doppler.

Puedes acceder a la documentación de la API de Doppler desde aquí.

Leyendo la documentación de Doppler voy a extraer algunos datos que nos servirán para configurar nuestra aplicación.

En la sección:

• baseUrl: Todas las consultas, endpoint tienen una parte de la URL que se comparten, en este caso agregamos esa parte en común.

• method:.

• headers: Aquí tenemos que enviar el token de autenticación en el parámetro Authorization. Encontrarás el token de autenticación, el cual nos concederá acceso a la API dentro de tu cuenta de Doppler. Un ejemplo es A1FC1EF56221DA92EF6BC6A122E41E81.

• log: Aquí configuraremos el parámetro sanitize para que garantice que la clave API del usuario no se muestre en los registros de ejecución del escenario.

PASO 3 - Configurar sección CONNECTIONS

Leyendo la documentación de Doppler, todas las consultas realizados a la API requieren que el usuario incluya su API Key. Recuerda que puedes obtener la API Key desde el Panel de Control, en la sección de Preferencias Avanzadas.

Puedes incluir la API Key en el header de autorización. Así como aparece en el ejemplo de abajo:

PASO 4 - Configurar sección MODULES

El paso siguiente es configurar la sección MODULES donde crearemos las distintas acciones del módulo llamando a cada uno de los endpoints que la API dispone.

Como pueden observar en la documentación de Doppler, las distintas acciones están agrupadas y mantendremos la misma agrupación en la aplicación que estamos desarrollando.

En la siguiente imagen pueden observar las 3 páginas con las cual trabajaremos a partir de ahora, en el lado izquierdo la documentación de Doppler, al medio el editor de aplicaciones dentro de la cuenta de Make y al lado derecho un escenario que lo utilizaremos para ir probando cada una de las acciones, endpoint que iremos desarrollando.

Además, en la imagen pueden observar que he desarrollado 10 acciones, 10 endpoints de la API de Doppler, para este artículo explicaré 2 de ellos debido a que el resto son muy similares.

Obtener la lista de suscriptores

El primer caso que veremos es el de Get Lists, donde se hace uso del endpoint /accounts/{accountName}/lists, la configuración del módulo según la documentación es así.

COMMUNICATION

{
  "url": "/accounts/{{connection.emailAccount}}/lists",
  "method": "GET",
  "qs": {
    "page": "{{parameters.page}}",
  "per\_page": "{{parameters.per\_page}}",
  "state": "{{parameters.state}}"
  },
  "response": {
    "output": "{{body}}"
  }
}

MAPPABLE PARAMETERS

[{
  "name": "page",
  "type": "integer",
  "label": "Page",
  "advanced": true
},
{
  "name": "per\_page",
  "type": "integer",
  "label": "Per page",
  "advanced": true
},
{
  "name": "state",
  "type": "select",
  "label": "State",
  "options": [{
    "label": "Active",
    "value": "active"
  }, {
    "label": "Inactive",
  "value": "inactive"
  }, {
    "label": "All",
  "value": "all"
  }],
  "advanced": true
}
]

Crear lista de suscriptores

El segundo caso que veremos es el de Create Lists, donde se emplea el endpoint /accounts/{accountName}/lists, la configuración del módulo según la documentación es así.

COMMUNICATION

{
  "url": "/accounts/{{connection.emailAccount}}/lists",
  "method": "POST",
  "body": {
    "name": "{{[parameters.name](http://parameters.name)}}"
  },
  "response": {
    "output": "{{body}}"
  }
}

MAPPABLE PARAMETERS

[{
  "name": "name",
  "type": "text",
  "label": "Name",
  "required": true
}]

De la misma forma que hicimos estas 2 acciones, podemos implementar el resto de los endpoint de la API de Doppler.

PASO 5 - Configurar sección GROUPS

El último paso que voy a explicar en el desarrollo de una aplicación es muy sencillo, en la sección GROUPS, tendrás la posibilidad de ordenar los módulos que has desarrollado en la interfaz gráfica.

PASO 6 - Probar la aplicación

En este caso podemos generar distintos casos de uso, es decir, automatizaciones que nos permitan validar que el desarrollo de la aplicación está correcto.

Creo que la mejor forma es probarlo con casos reales, así que te muestro algunos de los casos que he desarrollado.

Crear un suscriptor con los datos de una reserva en Calendly

Crear un suscriptor con los datos de una compra en Shopify

Crear un suscriptor con los datos de un lead desde Facebook Ads

Crear un suscriptor con los datos de un lead desde Hubspot

PASO 7 - Publicar la aplicación Publica/Privada

Una vez que hayamos probado cada uno de los endpoints tenemos que decidir si la nueva aplicación la publicaremos como pública o privada. Recordemos ambos conceptos.

• Privada: valor por defecto de una aplicación, significa que solo estará disponible en la cuenta donde ha sido desarrollada y en las cuentas donde se ha compartido vía un enlace de invitación.

• Pública: visible en el catálogo de Make, es decir, está disponible para cualquier usuario que desee emplearla previamente se requiere solicitar una aprobación por parte de Make.

En resumen, la creación de una aplicación personalizada en Make te brinda la capacidad de aprovechar al máximo la plataforma de automatización, permitiéndote realizar acciones específicas dentro de una aplicación mediante su API.

Ya sea para uso privado o para compartir públicamente en el catálogo de Make, este proceso te ofrece una amplia gama de posibilidades para optimizar tus flujos de trabajo y automatizar tareas.

Con los recursos educativos que he proporcionado, estarás listo para desarrollar tus propias aplicaciones personalizadas en Make y desbloquear todo el potencial de esta poderosa herramienta de automatización.

¡No esperes más y comienza a explorar las oportunidades que Make tiene para ofrecerte!

Un abrazo, Francisco 🤗