Telegram Mini App — مرحلہ وار رہنمائی
یہ کیا ہے؟#
Telegram Mini App آپ کے گاہکوں کو ٹیلیگرام کے اندر ہی ریستوران کا ڈیجیٹل مینو کھولنے کی اجازت دیتا ہے — بغیر کسی ایپ کی تنصیب کے اور بغیر براؤزر میں جانے کے۔ مینو ٹیلیگرام کا ایک مقامی حصہ نظر آتا ہے: صارف کی تھیم کے مطابق ڈھل جاتا ہے، "واپس" بٹن اور اشاروں کی حمایت کرتا ہے۔
فوائد#
- 📱 ٹیلیگرام کے اندر — گاہک کو براؤزر پر سوئچ کرنے کی ضرورت نہیں
- 🎨 مقامی نظر — رنگ، فونٹس اور تھیم ٹیلیگرام کے مطابق ڈھل جاتے ہیں
- 🔗 ڈیپ لنکس — مخصوص ریستوران کے مینو کا براہ راست لنک
- 🌍 خودکار زبان — زبان صارف کے ٹیلیگرام کی ترتیبات سے لی جاتی ہے
- 🍪 بغیر کوکیز — کوکی بینر ٹیلیگرام کے اندر نہیں دکھایا جاتا
فوری آغاز#
مرحلہ 1 — بوٹ بنائیں#
ٹیلیگرام میں @BotFather کھولیں اور بھیجیں:
/newbot
- بوٹ کا نام درج کریں (مثال کے طور پر،
Cenaly Menu Bot) - یوزر نیم درج کریں (مثال کے طور پر،
MeniMenuBot) —Botپر ختم ہونا چاہیے - موصولہ Bot Token محفوظ کریں (فارمیٹ:
123456789:ABCdefGHI...)
Bot Token کی ضرورت کیوں ہے؟#
Bot Token — بوٹ کو Telegram Bot API کے ذریعے پروگراماتی طور پر کنٹرول کرنے کے لیے ایک خفیہ کلید ہے۔ Mini App کی بنیادی ترتیب (مرحلے 2–4) کے لیے یہ ضروری نہیں — سب کچھ BotFather کے ذریعے کیا جاتا ہے۔ لیکن یہ ضروری ہوگا، اگر آپ چاہیں:
- گاہکوں کو پیغامات بھیجیں — آرڈر کی حیثیت کے بارے میں اطلاعات، پروموشنز، خوش آمدید پیغامات
- بوٹ پیغامات میں ان لائن بٹن شامل کریں (مثال کے طور پر، "📋 مینو کھولیں" بٹن — نیچے سیکشن دیکھیں)
- آرڈرز وصول کرنے کے لیے ٹیلیگرام بوٹ بنائیں — بوٹ آرڈرز وصول اور پروسیس کر سکتا ہے
- Webhook ترتیب دیں — ٹیلیگرام سے ایونٹس وصول کریں (بٹن کلکس، صارف کمانڈز)
- CRM یا POS سسٹم کے ساتھ انضمام کریں — بوٹ کے ذریعے آرڈرز کی خودکار پروسیسنگ
مرحلہ 2 — Mini App بنائیں#
BotFather کو کمانڈ بھیجیں:
/newapp
- بوٹ منتخب کریں فہرست سے
- Title — ایپلیکیشن کا نام (مثال کے طور پر،
Cenaly) - Description — وضاحت (مثال کے طور پر،
Digital restaurant menu) - Photo — 640×640 px کی تصویر اپ لوڈ کریں (ایپلیکیشن آئیکن)
- GIF — اینیمیشن (اختیاری)۔ چھوڑنے کے لیے،
/emptyبھیجیں - Web App URL — اپنے کلائنٹ ایپلیکیشن کا پتہ درج کریں:
https://cenaly.com
- Short Name — لنک کے لیے مختصر نام (مثال کے طور پر،
menu)
اس کے بعد آپ کے پاس ایک فعال لنک ہوگا:
https://t.me/YourBot/menu
مرحلہ 3 — بوٹ چیٹ میں "مینو" بٹن شامل کریں#
BotFather کو بھیجیں:
/setmenubutton
- بوٹ منتخب کریں
- URL بھیجیں:
https://cenaly.com
- بٹن کا متن درج کریں (مثال کے طور پر،
Open Menuیا📋 مینو)
اب جب آپ بوٹ کے ساتھ چیٹ کھولیں گے، تو اسکرین کے نیچے ایک بٹن ظاہر ہوگا جو آپ کی ایپلیکیشن کھولے گا۔
مرحلہ 4 — ڈومین کی اجازت دیں#
BotFather کو بھیجیں:
/setdomain
بوٹ منتخب کریں اور ڈومین درج کریں:
cenaly.com
یہ ٹیلیگرام ویب ایپ کو آپ کے ڈومین اور اس کے تمام سب ڈومینز پر کام کرنے کی اجازت دے گا (مثال کے طور پر، locationid.cenaly.com).
Deep Links — مخصوص ریستوران کے لنکس#
ٹیلیگرام startapp پیرامیٹر کی حمایت کرتا ہے، جو ایپلیکیشن کو کھولتے وقت منتقل کیا جاتا ہے۔ اسے مخصوص ریستوران کے لنکس کے لیے استعمال کریں:
| لنک | کیا کھلے گا |
|---|---|
t.me/YourBot/menu |
مرکزی صفحہ |
t.me/YourBot/menu?startapp=LOCATION_ID |
مخصوص ریستوران کا مینو |
t.me/YourBot/menu?startapp=LOCATION_ID__ru |
روسی زبان میں مینو |
t.me/YourBot/menu?startapp=LOCATION_ID__en |
انگریزی زبان میں مینو |
مثالیں#
اگر آپ کے ریستوران کا LOCATION_ID — lnc2w74z ہے:
https://t.me/YourBot/menu?startapp=lnc2w74z
https://t.me/YourBot/menu?startapp=lnc2w74z__ru
https://t.me/YourBot/menu?startapp=lnc2w74z__en
بوٹ سے ان لائن بٹن#
اگر آپ کا بوٹ گاہکوں کو پیغامات بھیجتا ہے، تو آپ ان لائن بٹن شامل کر سکتے ہیں، جو مینو کھولے گا:
آپشن 1 — ویب ایپ بٹن (فوری طور پر کھلتا ہے)#
{
"inline_keyboard": [[{
"text": "📋 مینو کھولیں",
"web_app": {
"url": "https://LOCATION_ID.cenaly.com/ru"
}
}]]
}
آپشن 2 — ڈیپ لنک بٹن#
{
"inline_keyboard": [[{
"text": "📋 مینو کھولیں",
"url": "https://t.me/YourBot/menu?startapp=LOCATION_ID__ru"
}]]
}
کیا خود بخود کام کرتا ہے#
ٹیلیگرام کے اندر کنکشن کے بعد خود بخود فعال ہو جاتے ہیں:
| خصوصیت | وضاحت |
|---|---|
| 🎨 تھیم | ایپلیکیشن کے رنگ ٹیلیگرام کی تھیم کے مطابق ڈھل جاتے ہیں (روشن/تاریک) |
| ◀️ "واپس" بٹن | ٹیلیگرام کا مقامی بٹن پروڈکٹ کارڈ کھولتے وقت ظاہر ہوتا ہے |
| 📏 Viewport | ایپلیکیشن پوری اسکرین پر پھیل جاتی ہے |
| 🔒 بند ہونے سے تحفظ | عمودی سوائپ ایپلیکیشن کو غلطی سے بند نہیں کرے گا |
| 🌍 خودکار زبان | زبان ٹیلیگرام پروفائل سے طے کی جاتی ہے، اگر واضح طور پر مقرر نہ ہو |
| 🍪 کوکیز | کوکی بینر ٹیلیگرام کے اندر ظاہر نہیں ہوتا |
ریستورانوں کے لیے QR کوڈز#
پہلے سے موجود QR کوڈز https://lnc2w74z.cenaly.com کے URL کے ساتھ معمول کے مطابق کام کرتے رہیں گے — براؤزر کے ذریعے۔
ٹیلیگرام کے ساتھ اضافی انضمام کے لیے، آپ میزوں پر بوٹ کے لنک کے ساتھ دوسرا QR کوڈ رکھ سکتے ہیں:
https://t.me/YourBot/menu?startapp=lnc2w74z
کارکردگی کی جانچ#
- فون پر لنک
https://t.me/YourBot/menuکھولیں - Start دبائیں (اگر پہلی بار بوٹ کھول رہے ہیں)
- چیٹ کی نچلی پینل میں 📋 مینو بٹن دبائیں
- یقینی بنائیں کہ ایپلیکیشن کھل گئی ہے اور مینو لوڈ ہو گیا ہے
- ڈیپ لنک کھولنے کی کوشش کریں:
https://t.me/YourBot/menu?startapp=LOCATION_ID
عام مسائل#
| مسئلہ | حل |
|---|---|
| ایپلیکیشن نہیں کھلتی | چیک کریں کہ ڈومین cenaly.com /setdomain کے ذریعے اجازت یافتہ ہے |
| سفید اسکرین | یقینی بنائیں کہ ویب ایپ URL https://cenaly.com کے طور پر درج ہے (HTTPS لازمی ہے) |
startapp کام نہیں کرتا |
فارمیٹ چیک کریں: LOCATION_ID (بغیر اسپیسز، خاص علامات کے)۔ زبان کے لیے جداکار — ڈبل انڈر سکور __ |
| تھیم لاگو نہیں ہوتی | ٹیلیگرام Mini App SDK کو منسلک ہونا چاہیے (کلائنٹ ایپلیکیشن کو اپ ڈیٹ کریں) |