👨‍💻 Cas d’usage

Telegram WebApp tutorial : ton premier mini-app en 30 minutes

Tu veux apprendre à créer une Telegram WebApp (mini-app) ? Ce tutorial te guide pas à pas : de la configuration BotFather à la première mini-app fonctionnelle. Deux parcours : pour devs (code) et pour non-devs (Cipher Coffee).

Parcours dev : créer ta mini-app from scratch

1. Crée un bot via @BotFather. 2. Configure l'URL WebApp avec /newapp. 3. Page HTML/CSS/JS hébergée sur HTTPS. 4. Importe telegram-web-app.js. 5. Utilise window.Telegram.WebApp : MainButton, BackButton, themeParams, initData. Doc : core.telegram.org/bots/webapps.

Parcours no-code : Cipher Coffee

Si tu veux juste un shop e-commerce avec mini-app prête, Cipher Coffee te livre tout en 5 minutes. Pas besoin de coder, mini-app full-featured, customisable visuellement. 8 plugins activables.

Best practices Telegram WebApp

Utilise tg.expand() au boot
Synchronise le thème avec themeParams
Implemente le BackButton pour les sous-overlays
Vérifie initDataUnsafe côté serveur
Mobile-first design (la majorité des users)

Prêt à lancer ton shop ?

Démarre gratuit en 5 minutes — aucune carte bancaire requise pour tester.

📲 Ouvrir le bot

Questions fréquentes

Faut-il un compte développeur Telegram ?

Non, juste un compte Telegram normal et @BotFather.

L'hébergement coûte combien ?

VPS basique : 5-10€/mois. Ou gratuit si tu utilises Cipher Coffee.

Peut-on faire du paiement dans la mini-app ?

Oui via Telegram Stars natif, ou via Stripe en redirection.