Tutorial

Guía paso a paso: Tuitea automáticamente los enlaces de Slack

Esta es la primera parte de una serie de integraciones automatizadas. ¡Suscríbase a nuestro boletín para ser notificado cuando se publique la próxima parte!

Jorge Lana

Elías Silva

Diseñador de productos

@

Mínimo.

En este tutorial vamos a crear una integración automatizada para publicar enlaces de referencia en Twitter cuando se publiquen en un canal de Slack. Esta guía está escrita paso a paso, por lo que es ideal para aquellos que quieren hacer su primera integración.

Requisitos

Antes de comenzar, es necesario tener una cuenta en los siguientes servicios. Todos ellos tienen un nivel gratuito con el que podemos trabajar.

Paso 01 - Crear nuestro escenario

Integromat será nuestra plataforma de automatización. El que hará el trabajo pesado por nosotros. Cuando tenga su cuenta creada y ya esté conectado, siga estos pasos:

  1. Ve a tu tablero de mandos.
  2. Haga clic en el botón "Crear nuevo escenario".
  3. Usando la barra de búsqueda, escribe "Slack" y selecciónalo cuando lo encuentres.
  4. Borra la barra de búsqueda, escribe "Twitter" y selecciónala.

Hasta este punto deberías poder ver ambos, Slack y Twitter ya seleccionados, así:

Termine este paso haciendo clic en Continuar .

Paso 02 - Configuración de la holgura

En el constructor de escenarios, haz clic en el símbolo de la pregunta para añadir tu primer módulo y selecciona Slack. Entonces verás muchas opciones que pueden ser automatizadas. Para este proyecto, usaremos Ver mensajes de los canales públicos. Haz clic en esa opción cuando la encuentres.

Si el canal Slack que has creado para compartir referencias es privado (tiene un candado), entonces selecciona la opción "Ver mensajes del canal privado".

Ahora verán esta caja pidiendo una conexión. Haz clic en el botón de añadir .

Verá un cuadro para escribir el nombre de la conexión. Este es sólo un alias que Integromat usará para recordarte qué cuenta de Slack usaste y/o para qué. Puedes poner cualquier nombre que te sea útil. Usaremos "Tutorial de referencias".

Se abrirá una ventana de Slack solicitando su autorización para conectarse al Integromat. Haga clic en Permitir para continuar y esta ventana se cerrará automáticamente.

Ahora, dos nuevos campos han aparecido en la caja de conexión de Slack. Canal y Límite. En Canal selecciona el canal Slack donde se enviarán las referencias. En límite pon el máximo número de referencias que quieres que se añadan cada vez que Integromat funcione. Para este ejemplo, vamos a poner 5. (Puedes cambiarlo según tus necesidades).

Haga clic en OK y luego de ahora enadelante

Paso 03 - Configuración de Twitter

Es hora de integrar nuestra segunda aplicación. Para ello, haga clic en el icono de Twitter en la parte inferior y seleccione Crear un Tweet.

Entonces, añadiremos nuestra conexión entre Twitter e Integromat. El proceso es el mismo que hicimos con Slack.

Una vez realizada la conexión, la aplicación le pedirá que especifique el estado (tweet) que desea publicar automáticamente cada vez que se ejecute la integración:

Todavía no tenemos todos los elementos, así que temporalmente dejamos de lado a Twitter. Haz clic en "Cancelar" para cerrar el cuadro de configuración de Twitter. No te preocupes, la conexión ya está guardada. Volveremos unos pasos más tarde.

Paso 04 - Conseguir que el autor

Hasta ahora, el módulo Slack que ya tenemos en nuestra integración, sólo puede indicar el mensaje que fue enviado en el canal Slack, pero no el autor. Para nuestro Tweet, nos gustaría incluir también el nombre del autor. Así que debemos añadir otro módulo de Slack. El que buscamos se llama "Conseguir un usuario". Este módulo se puede colocar entre el Slack que ya tenemos y Twitter.

Al añadir un módulo, puede utilizar la búsqueda para filtrar rápidamente la acción o el disparador que desee.

La única opción disponible es escribir la identificación del usuario que envió el mensaje. Selecciona la opción "Usuario" que nos da el primer módulo de Slack.

Paso 05 - Añadir una imagen

Para nuestro tweet automatizado, vamos a usar la misma imagen que ves en Slack. Para ello, necesitamos un módulo HTTP y la acción es " Get a file". Colócalo antes de Twitter. Su flujo debería verse así:

Para vincular la imagen de la holgura a este módulo es necesario hacer una prueba. Esto permitirá a Integromat ver qué tipo de información va a automatizar y generará más variables que podemos usar para esto y para nuestro módulo de twitter.

Para hacer una prueba, envíe un enlace en el canal de referencias Slack. Ejemplo: https://minimum.run/

A continuación, vaya a Integromat y desvincule HTTP de nuestro flujo. Esto es necesario ya que este módulo y el de Twitter aún no están listos. Para ello, haz clic con el botón derecho del ratón en los puntos que conectan HTTP con Slack y haz clic en "desvincular". Deberías tener algo como esto:

Ahora haz clic en Run once.
Cuando el proceso esté hecho, si todo está bien, debería haber un número 1 encima de cada módulo excepto para HTTP y Twitter. Este número nos dice cuántos mensajes han sido procesados correctamente.

Conecta a Slack con HTTP. Haz clic en HTTP para abrir el cuadro de configuración y selecciona image_url de los archivos adjuntos. Así:

Paso 06 - Crear el tweet

De vuelta en Twitter, ahora tenemos todos los elementos que necesitamos para crear nuestro tweet. Este es un ejemplo de tweet que nos gustaría que se publicara automáticamente. Puedes copiarlo para seguirlo.

#Recursos:
Minimum.run
https://minimum.run

🙌 por Elías Silva

Debemos cambiar el título de la página web, el enlace y el autor para que se correspondan con el mensaje que se envió en Slack. Utilizaremos las variables que tiene Integromat y los resultados de la prueba realizada.

Tanto el título de la página web como el enlace son variables de nuestro módulo principal de Slack. Se pueden encontrar en los archivos adjuntos, llamados title y title_link.

Para el autor, usaremos la variable Nombre real, generada por el segundo módulo de Slack Consigue un usuario.

Por último, debemos incluir la imagen como un anexo. Para ello, haga clic en Mostrar configuración avanzada y agregue un elemento en Archivos adjuntos .

  • Archivo de la fuente: HTTP - Obtener un archivo
  • Categoría de medios de comunicación: Imagen del tweet

Ahora haga clic en Agregar y luego en Aceptar para guardar la configuración del módulo.

Paso 07 - Terminar

Si has seguido este tutorial hasta este punto, deberías estar listo para ejecutar tu sistema automatizado. Antes de hacerlo, haremos una última prueba manual para asegurarnos de que todo está bien.

Al igual que la vez anterior, para iniciar la prueba, es necesario enviar un enlace en el canal de Slack. Luego haz clic en Ejecutar una vez.

¡Ahora, guarda y activa tu integración!


Los siguientes pasos

Ahora mismo, nuestra integración sólo funciona si se envía un enlace completo (como: https://minimum.run) en el canal de Slack. Pero, ¿qué pasa si alguien añade una imagen o envía un mensaje de texto? No te preocupes, estamos a punto de publicar la segunda parte de este tutorial en la que abordaremos este problema y añadiremos un sitio Webflow para mostrar automáticamente nuestras referencias utilizando su base de datos incorporada.

Aquí hay un resumen de la plantilla que usaremos. Echa un vistazo, clónala, dale un parecido, y haznos saber lo que piensas de ella: https://webflow.com/minimumrun


Próximas partes:

  • Parte 2 - Agregar un filtro de enlaces y publicar en Webflow.
  • Parte 3 - Añadir una base de datos para evitar duplicados y usar mejores imágenes.
  • Parte 4 - ¿Qué te gustaría construir? Tweet us @minimumrun

¿Como este artículo? Corre la voz.

El bajo código y el no código en acción

Suscríbete a nuestro boletín de noticias

Únete a nuestro boletín de noticias y recibe recursos, contenido curado e inspiración para el diseño directamente en tu bandeja de entrada.

¡Gracias! Su presentación ha sido recibida!
Algo salió mal al enviar el formulario. Por favor, inténtelo de nuevo.

Lo último de nuestro Blog

Tienes preguntas, tenemos respuestas

FAQ

¿Quiénes somos?
¿Cuánto tiempo lleva construir mi producto digital o MVP?
¿Puedo trabajar con Minimum.run de forma continua una vez que mi MVP o producto esté lanzado?
¿Con qué tecnologías e integraciones trabaja Minimum.run?
¿Cuál es el proceso de trabajo con Minimum.run?
¿Cuáles son las entregas típicas?
¿Seré capaz de gestionar mi producto personalizado una vez que esté lanzado?
Suscríbase a