Extensión de Chrome para HubSpot

Rol

Desarrollador de Software

Cronología

2023 -2024

Tecnologías

AWS Lambda, SQS, API Gateway, DynamoDB, React, HubSpot API, WhatsApp Business API

Descripción del Proyecto

Este proyecto se centró en desarrollar una extensión de Chrome para HubSpot con el fin de integrar sin problemas los servicios de MCM Telecom con el CRM de HubSpot. La extensión permite a los usuarios gestionar de manera eficiente campañas de mensajería masiva, enviando mensajes SMS y de WhatsApp directamente desde las listas de contactos de HubSpot.

Esta herramienta está diseñada para mejorar la comunicación y optimizar los esfuerzos de marketing aprovechando los datos de contacto existentes y las plantillas de WhatsApp aprobadas.

Contribuciones Clave

Integración de Mensajería Masiva

Desarrollé funcionalidades para el envío masivo de mensajes SMS y de WhatsApp, permitiendo a los usuarios crear campañas fácilmente desde sus listas de contactos de HubSpot. Esto incluyó manejar las complejidades de la gestión de plantillas para WhatsApp, asegurando el cumplimiento con las directrices de la plataforma.

Acciones Personalizadas de Flujo de Trabajo en HubSpot

Creé acciones personalizadas dentro de los flujos de trabajo de HubSpot para habilitar el envío automatizado de mensajes SMS y de WhatsApp. Esta función mejora las capacidades de automatización, permitiendo a las empresas mantener una comunicación regular y personalizada con sus contactos.

Diseño de Arquitectura Serverless

Diseñé un backend serverless robusto utilizando servicios de AWS, incluyendo funciones Lambda, API Gateway, SQS para el encolado de mensajes y DynamoDB para almacenamiento de datos escalable. Esta arquitectura fue optimizada para la naturaleza asíncrona de los servicios de mensajería, asegurando alta disponibilidad y rendimiento.

Desarrollo de Frontend en React

Creé una aplicación en React para proporcionar una interfaz fácil de usar para gestionar campañas y plantillas de mensajes. Utilicé mejores prácticas como React Router para la navegación, TanStack Query para la gestión de datos, Axios para interacciones con la API, y hooks personalizados para reutilización y código limpio.

Integración de la API de WhatsApp

Integré la API de WhatsApp Business para admitir mensajes basados en plantillas, incluyendo el manejo adecuado de los estados de los mensajes a través de webhooks. Esta integración requirió especial atención a los límites de la API, el cumplimiento normativo y el manejo de errores para asegurar una experiencia de usuario fluida.

Gestión de OAuth y Seguridad

Implementé el flujo de OAuth para la integración con la API de HubSpot, asegurando una autorización segura y eficiente para los usuarios. Esto implicó gestionar tokens y permisos de manera que se alineen con los requisitos de seguridad y las mejores prácticas de HubSpot.

Desafíos y Soluciones

Uno de los principales desafíos fue diseñar una arquitectura serverless segura y escalable que pudiera manejar altos volúmenes de mensajes de manera asíncrona. Esto se logró aprovechando las mejores prácticas de AWS, optimizando la configuración de API Gateway, la ejecución de funciones Lambda y las configuraciones de colas SQS para un procesamiento de mensajes confiable y seguro.

Diseñar correctamente las tablas e índices de DynamoDB para adaptarse a patrones de acceso variados fue crucial. Esto implicó crear claves de partición y orden adecuadas e implementar índices secundarios globales para admitir consultas dinámicas sin comprometer el rendimiento.

La integración de la API de WhatsApp requirió un manejo preciso de las aprobaciones de plantillas y las notificaciones de webhooks para actualizaciones del estado de los mensajes. Abordamos esto desarrollando un mecanismo robusto de manejo de errores y reintentos para garantizar la entrega de mensajes y la integridad del seguimiento de estados.

Navegar por el flujo de OAuth con la API de HubSpot presentó desafíos, especialmente para mantener sesiones de usuario seguras y fluidas. Esto se gestionó implementando un sistema de gestión de tokens confiable, adhiriéndose a las mejores prácticas de OAuth y asegurando flujos de autenticación y autorización de usuario sin problemas.

Resultados e Impacto

Aunque las estadísticas específicas son confidenciales, la extensión de Chrome para HubSpot mejoró con éxito las capacidades de integración de MCM Telecom, proporcionando una solución optimizada para la mensajería masiva directamente desde HubSpot. El proyecto cumplió con todos los requisitos funcionales y de seguridad, demostrando la efectividad de una arquitectura serverless bien diseñada combinada con un frontend robusto en React.