الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

تطبيقات Web Telegram لمثال BOTS

مثال على ملف HTML الذي يحتوي على تفاعل عادي مع API Telegram Web Apps API. العرض التجريبي المباشر: إرفاق الروبوت.

الروابط

  • المستندات الرسمية: https://core.telegram.org/bots/webapps
  • بوت العروض الحية: إرفاق الروبوت
  • روبوت الترويجي Telegram: Durger King

إعداد سريع

0. استضافة تطبيق الويب في صفحات GitHub

يجب استضافة تطبيق الويب في مكان ما. يعد استضافته على مستودع GitHub طريقة سريعة ومجانية للقيام بذلك:

  1. إنشاء مستودع (أو مفترق هذا واحد)
  2. في المستودع: الإعدادات> الصفحات:
    • المصدر: انتشر من فرع
    • الفرع: ماجستير ، / (الجذر) ، حفظ
  3. انتظر بضع دقائق حتى يتم نشر الويب. سيكون متاحًا على: https://{github-username}.github.io/{repository-name}/{location-inside-repository} . في هذه الحالة: https://revenkroz.github.io/telegram-web-app-bot-example/index.html

1. أظهر زر المستخدم لفتح تطبيق ويب. هناك طريقتان:

  1. أظهر للمستخدم زر قائمة خاصة (بالقرب من حقل إدخال الرسالة):

    1. اذهب إلى الأب الروبوت
    2. حدد الروبوت الخاص بك
    3. Bot Settings - Menu Button - Specify.. / Edit menu button URL
    4. أرسل عنوان URL إلى تطبيق الويب الخاص بك (في هذه الحالة ، https://revenkroz.github.io/telegram-web-app-bot-example/index.html )

  2. الطريقة الثانية هي إرسال زر مع البيانات التي تحتوي على حقل web_app مع عنوان URL لتطبيق الويب: 

    {
    "text" : " Test web_app " ,
    "web_app" : {
        "url" : " https://revenkroz.github.io/telegram-web-app-bot-example/index.html "
    }
}

2. أضف البرنامج النصي إلى تطبيق الويب الخاص بك

لتوصيل تطبيق ويب بعميل Telegram ، ضع البرنامج النصي telegram-web-app.js في علامة <head> قبل أي نصوص أخرى ، باستخدام هذا الرمز (مزيد من المعلومات): 

 < script src =" https://telegram.org/js/telegram-web-app.js " > </ script >

بمجرد توصيل البرنامج النصي ، سيتوفر كائن window.Telegram.WebApp .

3. افعل الشيء.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل