Hoy nos complace presentar el primer miniprograma LATAM TikTok Jump construido con tecnologías GeneXus. 

Este miniprograma permite que todos los fanáticos del fútbol en México sigan y pronostiquen los partidos del torneo LigaMX.

¿Qué es Tik Tok Jump?

Un Jump es una nueva forma para que los creadores compartan contenido atractivo, interactivo e informativo en TikTok. 

Creados por proveedores externos, los Jumps son mini programas y servicios que los creadores pueden vincular dentro de sus videos. Los usuarios de todo el mundo pueden hacer clic en estos enlaces para explorar recetas, realizar cuestionarios, descubrir herramientas de aprendizaje útiles y mucho más.

¿Por qué el fútbol de la LigaMX?

El fútbol es uno de los deportes más populares del mundo, especialmente en México. TikTok quería debutar su primer mini programa de plataforma con algo que atraería a una gran audiencia. El fútbol en México parecía una combinación perfecta para el lanzamiento de TikTok Jump en MX.

¿Cómo usarlo?

Se puede acceder a este mini programa directamente desde la pantalla de publicación de video dentro de TikTok. Cualquier usuario de México puede ver el botón “Agregar enlace” y agregar el salto al video.

Desafíos tecnológicos: UX y escalabilidad

Como un mini programa orientado al cliente, los requisitos de UX/UI eran muy altos. La aplicación tenía que verse genial, tener una velocidad excelente y funcionar en cualquier dispositivo sin problemas. Además, tenía que escalar infinitamente. La base de usuarios a la que potencialmente se puede llegar es a todos los fanáticos del fútbol en México, por lo que la escalabilidad también fue un desafío a tener en cuenta en la solución final.

TikTok LigaMX Jump fue desarrollado con GeneXus, utilizando el Generador Angular. Es un HTML5 SPA (Single Page Application) optimizado para dispositivos móviles. Está alimentado por Servicios REST construidos con GeneXus Java Generator. Estas API están alojadas
en la nube de AWS con tecnología serverless,
utilizando API Gateway para exposición de API y AWS Lambda para computación sin servidor.

¿Por qué Angular?

Los saltos de TikTok están basados ​​en HTML5, por lo que Angular Generator fue la opción perfecta para esta integración. Angular es el marco de código abierto de Google para aplicaciones web y móviles, y se considera una de las tecnologías de desarrollo líderes en la actualidad.

Las principales ventajas del generador son la velocidad, el rendimiento y la productividad, así como un prototipado ágil y rápido.

Lea toda la información técnica sobre desarrollo web Angular en el Wiki de la Comunidad GeneXus
.

¿Por qué serverless?

La base de usuarios a la que potencialmente se puede llegar es a todos los fanáticos del fútbol en México, por lo que la escalabilidad era importante. Decidimos alojar las API de REST en la plataforma
serverless
de AWS. De esta manera nos aseguramos de que la aplicación siempre estará funcionando, disponible y que nunca necesitaremos planificar la capacidad por adelantado. Una plataforma así puede escalar hacia arriba y hacia abajo automáticamente según la demanda, por lo que esta fue la mejor opción.

Los deployments serverless son soportados por GeneXus 17, para AWS y Azure Cloud Platforms. Para TikTok Jump, usamos la nube de AWS e implementamos los siguientes componentes de infraestructura:

• AWS Cloudfront: para CDN y almacenamiento en caché
• API Gateway: como un servicio completamente administrado para alojamiento de API
• AWS Lambda: plataforma informática sin servidor, para ejecutar el código de la aplicación
• AWS S3: para alojamiento de imágenes

¡Han pasado 10 días y 110.000 usuarios en México han accedido al Jump!

Así que ya estamos planeando más funciones en las próximas semanas.

Para más información consulte la documentación de
GeneXus Angular
Generator y
GeneXus AWS Serverless
.

Si querés saber más, te invitamos a leer los siguientes Casos de Éxito:

El 1er miniprograma y Jump de TikTok en LATAM es made in GeneXus con Angular y Serverless.

Aplicación LIGA BBVA Bancomer: de 0 a 10 millones de usuarios

También te puede interesar leer:

Super Apps: todo lo que debes saber

Diferencias entre Super Apps, Mini Apps y Mini Programs

Aplicaciones de Alta Escalabilidad

2022 en clave Low-Code: ¡Lo que se viene en GeneXus!