Telegram Web App uchun ishlab chiqish: messenjer ichida yashaydigan vitrina
Oʻzbekistonda Telegram qoʻshimcha emas, asosiy kanal. Web App toʻliq vitrinani ilova oʻrnatmasdan chat ichida ochish imkonini beradi.
TWA texnik jihatdan nima
Telegram Web App — bu messenjerning ichki brauzerida ochilgan veb-sahifangiz boʻlib, unga window.Telegram.WebApp obyekti mavjud. U orqali sahifa foydalanuvchi ma'lumotlarini, mavzu bezagini oladi va asosiy tugmani boshqaradi.
TWA bot menyusidagi tugmadan, xabar ostidagi inline tugmadan yoki klaviatura tugmasidan ishga tushadi. Ishlab chiqish tomonidan bu HTTPS orqali deploy qilingan oddiy React yoki Next.js frontend.
Saytdan asosiy farqi — kontekst. Foydalanuvchi allaqachon avtorizatsiyadan oʻtgan, sizda uning identifikatori va ismi bor, birinchi qadamda royxatdan oʻtish ham, telefon kiritish ham kerak emas.
Avtorizatsiya va initData tekshiruvi
Telegram ilovaga foydalanuvchi parametrlari va hash maydoni bilan initData qatorini uzatadi. Bu qatorga klientda ishonib boʻlmaydi: har kim URL'ni toʻgʻridan-toʻgʻri ochib begona id qoʻyishi mumkin.
Tekshiruv faqat serverda bajariladi: parametrlar alifbo boʻyicha saralanib qatorga yigʻiladi, keyin bot tokenidan hosil qilingan kalit bilan HMAC-SHA256 hisoblanadi va natija olingan hash bilan solishtiriladi.
auth_date maydonini albatta tekshiring va, aytaylik, 24 soatdan eski initData'ni rad eting. Muvaffaqiyatli tekshiruvdan keyin oʻz sessiyangizni bering.
Interfeys: TWA mobil saytdan nimasi bilan farq qiladi
Ekran pastida oʻz «Buyurtma berish» tugmangizni chizmang — API'dagi MainButton'dan foydalaning: u nativ, doim joyida va klaviaturani hisobga oladi. «Orqaga» tugmasi ham tizimli, BackButton orqali.
Ranglarni themeParams'dan oling: Telegram qorongʻi mavzusidagi foydalanuvchi qorongʻi vitrinani kutadi. Qorongʻi mavzuda oq fonni qattiq yozib qoʻyish begona qoʻshimchadek koʻrinadi.
Xavfsiz zonalar va viewport balandligini CSS'dan emas, API'dan oling: oynaning yigʻilgan va yoyilgan holati farq qiladi.
Toʻlov va buyurtmani qabul qilish
Ikki yoʻl bor: botdan invoys orqali Telegram'ning ichki toʻlovlari yoki Payme, Click, Uzum mahalliy shlyuzlari bilan oʻz oqimingiz. Mahalliy bozorda ikkinchi variant koʻpincha mosroq.
Ichki brauzer ichida toʻlov shlyuzidan qaytish — nozik joy. Toʻlov boshlangach Web App'ni yopib, statusni botdan xabar bilan yuborish ishonchliroq.
sendData orqali botga natijali ixcham JSON berish mumkin, lekin hajm cheklangan. Buyurtmalar uchun toʻgʻridan-toʻgʻri oʻz bekendingizga yozgan ma'qul.
TWA sayt yoki ilovadan qachon yaxshi
TWA auditoriya allaqachon Telegram'da boʻlgan joyda yutadi: ovqat yetkazish, xizmatga yozilish, tez buyurtmali katalog, sodiqlik dasturlari, xodimlar uchun ichki servislar. Oʻrnatish yoʻq, royxatdan oʻtish yoʻq.
Alohida ustunlik — server tomonidan yangilanish: yangi versiyani deploy qilasiz va barcha foydalanuvchilar uni darhol oladi, storeda moderatsiya kutmasdan.
Cheklovlar ham real: toʻliq oflayn ishlash yoʻq, qurilma tizim imkoniyatlariga kirish cheklangan va siz platforma siyosatiga toʻliq bogʻliqsiz.
Ishlab chiqish amaliyoti va byudjet
Android va iOS'dagi real klientda sinash kerak: ichki brauzerlar, ayniqsa klaviatura va qotirilgan panellar bilan, turlicha ishlaydi. Desktop Telegram — uchinchi alohida holat.
Bandlni yengil ushlang: TWA mobil internetdan ochiladi va 3G haqidagi qoidalar bu yerda ham oʻsha.
Narx moʻljali: savatli oddiy katalog-vitrina — 15 000 000 soʻmdan, shaxsiy kabinet, toʻlov va hisob tizimi integratsiyasi bilan variant — 30 000 000 soʻmdan.