Веб-қосымшаңызға кіру үшін түймелердің 3 түрі бар:

  • мәтіндегі түйме;
  • пернетақтадағы түйме;
  • бот мәзірінің түймесі.

Түйме қойындысындағы веб-қосымша түймесі

Алғашқы екі нұсқа үшін түйме жасап, оның функциясын "Telegram Web App" деп орнатыңыз.

1-қадам. Мәтін өрісіне түймеге арналған белгіні енгізіңіз.

2-қадам. Ашылатын мини-қосымшаны таңдаңыз. Бұл MaviBot-та жасалған сайт немесе мини-қосымша болуы мүмкін.

Содан кейін тізімнен сайтты таңдаңыз немесе сыртқы сайтты көрсетіңіз.

3-қадам. Веб-сайтыңыздың URL мекенжайын енгізіңіз.

4-қадам. "Қосу" түймесін басыңыз, содан кейін блок параметрлерін сақтаңыз.

5-қадам. Түйме түрін таңдаңыз, содан кейін оның арнайы параметрлерін конфигурациялаңыз.

Әдепкі түйме түрі - пернетақта түймесі. Пернетақта және ішкі түймелер әртүрлі көрінсе де, олардың негізгі функциясы бірдей.

Міне, кеңейтілген параметрлерде конфигурацияланған мысалдар:

Мәтіндегі түйме:
[{"line":0,"index_in_line":0,"text":"Web App","type":"inline","web_app":"here will be the link to your app"}]

Пернетақтадағы түйме:
[{"line":0,"index_in_line":0,"text":"Web-App","type":"web_app","web_app":"here will be the link to your app"}]

Мысал

Нәтижесінде сіз хабарлама енгізу өрісінің жанында әрқашан көрінетін түймені аласыз.

Түймелердің үш түрі де байланыстырылған веб-қосымшаны бөлек терезеде ашады.

Веб-қосымшаңызды арнайы түрде конфигурациялау қажет екенін ұмытпаңыз.

Веб-қосымшаңыз арнайы конфигурацияны қажет ететінін ескеріңіз. Telegram әзірлеушілерінің ресми орнату нұсқауларын мына жерден таба аласыз: Боттарға арналған веб-қосымшалар.

Веб-қосымша MaviBot-та жасалған сайтқа, мысалы, онлайн брондау қызметіне немесе электрондық коммерция дүкеніне қосылуы мүмкін.

  1. Онлайн брондауды қалай орнатуға болады
  2. Онлайн дүкенді қалай жасауға болады

Калькулятордағы веб-қосымша түймесі

Үшінші түйме түрі калькулятор функциясы арқылы жасалады.

tg_set_chat_menu_button(type, text, web_app_url, platform_id), мұнда:

  • type — үш түйме түрінің бірін көрсететін қосымша параметр ("default", "commands", "web_app"),
  • text — қосымша параметр; егер type таңдалмаса, бұл түймедегі мәтінді орнатады,
  • web_app_url — қосымша параметр; веб-қосымшаңызға сілтеме (тек type "web_app" болғанда қолданылады),
  • platform_id — қосымша параметр; егер қандай да бір себеппен түймені тек белгілі бір пайдаланушыға көрсеткіңіз келсе, нақты пайдаланушы чатын көрсетеді.

Міне, веб-қосымшаға кіру түймесін жасау мысалы:
tg_set_chat_menu_button('web_app', 'Web app', 'here will be the link to your app')

Нәтиже: