Hoje temos o prazer de apresentar o primeiro miniprograma LATAM TikTok Jump construído com tecnologia GeneXus.

Este miniprograma permite que todos os fãs de futebol no México acompanhem e prevejam as partidas do torneio LigaMX.

O que é o Tik Tok Jump?

Um Jump é uma nova maneira dos criadores compartilharem conteúdo envolvente, interativo e informativo no TikTok.

Criados por fornecedores externos, os Jumps são miniprogramas e serviços aos quais os criadores podem vincular em seus vídeos. Usuários de todo o mundo podem clicar nesses links para explorar receitas, realizar perguntas, descobrir ferramentas de aprendizado úteis e muito mais.

Por que o futebol da LigaMX?

O futebol é um dos esportes mais populares do mundo, especialmente no México. O TikTok queria estrear seu primeiro miniprograma de plataforma com algo que atrairia um grande público. O futebol no México parecia uma combinação perfeita para o lançamento do TikTok Jump no MX.

Como usá-lo?

Este miniprograma pode ser acessado diretamente da tela de postagem de vídeo no TikTok.
Qualquer usuário do México pode ver o botão “Adicionar Link” e adicionar o Jump ao vídeo.

Desafios tecnológicos: UX e escalabilidade

Como um miniprograma voltado para o cliente, os requisitos de UX/UI eram muito altos. O aplicativo tinha que ter uma ótima aparência, ter excelente velocidade e funcionar sem problemas em qualquer dispositivo. Além disso, tinha que escalar infinitamente. A base de usuários que potencialmente pode ser alcançada são todos os fãs de futebol no México, então a escalabilidade também foi um desafio a ser considerado na solução final.

O TikTok LigaMX Jump foi desenvolvido com GeneXus, usando o Gerador Angular. É um HTML5 SPA (Single Page Application) otimizado para dispositivos móveis. É alimentado por Serviços REST construídos com GeneXus Java Generator. Essas APIs são hospedadas na plataforma sem servidor da AWS, usando o API Gateway para exposição de API e AWS Lambda para computação sem servidor.

¿Por que Angular?

Os saltos do TikTok são baseados em HTML5, então o Gerador Angular foi a escolha perfeita para essa integração. Angular é a estrutura de código aberto do Google para Aplicativos Web e móveis e é considerada uma das principais tecnologias de desenvolvimento da atualidade.

As principais vantagens do gerador são velocidade, desempenho e produtividade, além de prototipagem ágil e rápida.

Leia todas as informações técnicas sobre desenvolvimento web em Angular no Wiki da Comunidade GeneXus.

Por que sem servidor?

A base de usuários potencialmente alcançável são todos os fãs de futebol no México, então a escalabilidade era importante. Decidimos hospedar as APIs de REST na plataforma sem servidor da AWS. Dessa forma, garantimos que o aplicativo estará sempre funcionando, disponível e que nunca precisaremos planejar a capacidade com antecedência. Uma plataforma sem servidor pode aumentar e diminuir automaticamente sob demanda, então essa foi a melhor opção.

As implantações serverless são suportadas por GeneXus 17, para AWS e Azure Cloud Platforms. Para o TikTok Jump, usamos a Nuvem da AWS e implementamos os seguintes componentes de infraestrutura:

• AWS Cloudfront: para CDN e armazenamento em cache
• API Gateway
  –
  como um servi
  ç
  o totalmente gerenciado para hospedagem de APIs
• AWS Lambda: plataforma de computa
  çã
  o sem servidor, para executar o c
  ó
  digo do aplicativo
• AWS S3: para hospedagem de imagens
• AWS CDK para infraestrutura como código

10 dias se passaram e 110.000 usuários no México acessaram o Jump!

Portanto, já estamos planejando mais recursos nas próximas semanas.

Para mais informações, consulte a documentação
GeneXus Angular
Gerador e
GeneXus AWS Serverless.

Você também pode estar interessado em ler:

2022 em Low-Code Key: O que está por vir em GeneXus!

Aplicativos Altamente Escaláveis

Diferenças entre SuperApps, MiniApps e MiniPrograms