Mi experiencia creando una mini app en WeChat
Una guía de China para extranjeros, construida dentro de WeChat. Lo complicado no fue programar — fue entender el sistema cerrado.
Como desarrollador siempre tengo curiosidad por crear aplicaciones y ahora que estoy viajando por Asia me pareció buena idea probar algo diferente.
Mi primer destino iba a ser Tailandia, pero debido a la guerra en Irán me cancelaron el vuelo que hacía escala en Abu Dhabi. Gracias a eso terminé pasando unos días en China, en Pekín. Estuve solo 3 días, pero fueron suficientes para darme cuenta de cómo funcionan sus aplicaciones.
Lo primero que me llamó la atención fue Alipay. Es un ecosistema en el que puedes pagar todo, tienes un QR para pagar, otro para recibir, otro para escanear… incluso para el transporte público tienes un QR específico. Todo está integrado.
Pero lo más interesante es WeChat. No es solo una app de mensajería, es una super app. Desde ahí puedes pedir VTCs, pedir comida en Meituan, pedir dentro de restaurantes, pedir café en Luckin Coffee… básicamente puedes hacer todo sin salir de la app.
Aquí es donde aparecen las mini apps.
Qué son las mini apps
Las mini apps son aplicaciones completas que viven dentro de WeChat. No tienes que instalar nada, todo ocurre dentro de la propia app.
Los usuarios en China lo tienen completamente interiorizado y usan mini apps para todo: comida, transporte, atracciones, servicios…
En ese momento me llamó mucho la atención cómo se construyen estas apps, qué tecnología usan, cómo se despliegan y qué limitaciones tienen.
Así que después de un tiempo mirando cómo hacerlo, decidí probar por mi cuenta.
La idea
Para esta primera prueba no quería complicarme. Mi idea fue hacer una pequeña guía para extranjeros en China.
Algo sencillo, teniendo en cuenta cosas como el Great Firewall y las diferencias con las apps occidentales. Una especie de guía con:
apps más usadas, transporte, pagos, hábitos digitales, tips… nada complejo, solo algo práctico.
El primer problema
Nada más empezar con la plataforma de desarrolladores de WeChat te das cuenta de algo bastante evidente: todo está en chino. Aun así, tienen traducción al inglés bastante decente, así que no fue un problema real.
Antes de programar tienes que registrarte como desarrollador. Para eso necesitas una cuenta de WeChat normal y el login se hace escaneando un QR, como prácticamente todo dentro del ecosistema.
Aquí viene el primer problema serio.
Si quieres publicar una mini app:
- si eres ciudadano chino puedes hacerlo como individuo
- si eres extranjero tienes que hacerlo como empresa
En mi caso no tengo empresa todavía, así que hasta ahí he llegado en el proceso de publicación.
Aun así, puedes desarrollar la app en local, probarla dentro de WeChat y enseñarla. Para mí era suficiente porque el objetivo no era lanzar nada, sino entender cómo funciona el sistema.
El entorno de desarrollo
WeChat tiene su propio IDE. La estructura es bastante familiar: explorador de archivos a la izquierda, código en el centro, simulador a la derecha y consola abajo.
Puedes usar VS Code si quieres, pero la herramienta oficial ya viene preparada con todo.
Lo que sí me llamó la atención es que no hay ningún chat de IA integrado. Viendo cómo están todos los IDEs ahora mismo, se siente raro.
La tecnología
El framework que utilizan es propio.
Se basa en una mezcla de:
- WXML para la estructura (tipo HTML)
- WXSS para los estilos (tipo CSS)
- JavaScript para la lógica
Viniendo de React no se hace complicado, pero sí se nota que no estás trabajando en un entorno web normal. Estás dentro de un sistema cerrado con sus propias reglas.
La app
La app que hice es muy simple.
Tiene dos vistas: una principal con varias secciones y otra de detalle con la información. Al hacer click en cada sección navegas a la segunda pantalla donde se carga el contenido.
Todo el contenido está dentro de detail.js y se carga de forma dinámica.
No hay backend, no hay login, no hay nada complejo. Solo lo justo para probar el sistema.
Conclusión
Mi conclusión después de esta primera incursión es que crear mini apps en WeChat es bastante sencillo desde el punto de vista técnico.
No es muy diferente a trabajar con React u otros frameworks que usamos normalmente.
Lo complicado no es construir la app.
Lo complicado es todo lo que hay alrededor: el ecosistema cerrado, las limitaciones para extranjeros y el proceso de publicación.
En un futuro me gustaría poder desplegarla y ver si tiene algo de tirón, pero eso lo dejo para más adelante.
Reflexión final
Construir la app ha sido fácil.
Entender el sistema en el que vive es lo realmente interesante.