Es gibt 3 Arten von Schaltflächen, um auf Ihre Webanwendung zuzugreifen:
- Schaltfläche im Text;
- Schaltfläche in der Tastatur;
- Bot-Menü-Schaltfläche.
Web-App-Button im Button-Tab
Erstellen Sie für die ersten beiden Optionen eine Schaltfläche und setzen Sie deren Funktion auf "Telegram Web App".
Schritt 1. Geben Sie im Feld Text die Bezeichnung für die Schaltfläche ein.
Schritt 2. Wählen Sie die zu öffnende Mini-App aus. Dies kann eine Website oder eine in MaviBot erstellte Mini-App sein.
Wählen Sie dann einfach eine Website aus der Liste aus oder geben Sie eine externe Website an.
Schritt 3. Geben Sie die URL Ihrer Website ein.
Schritt 4. Klicken Sie auf "Hinzufügen" und speichern Sie dann die Blockeinstellungen.
Schritt 5. Wählen Sie den Schaltflächentyp aus und konfigurieren Sie dann dessen spezifische Einstellungen.
Der Standard-Schaltflächentyp ist die Tastaturschaltfläche. Während Tastatur- und Inline-Schaltflächen unterschiedlich aussehen, ist ihre Kernfunktion identisch.
Hier sind Beispiele, die in den erweiterten Einstellungen konfiguriert wurden:
Schaltfläche im Text:
[{"line":0,"index_in_line":0,"text":"Web App","type":"inline","web_app":"here will be the link to your app"}]
Schaltfläche in der Tastatur:
[{"line":0,"index_in_line":0,"text":"Web-App","type":"web_app","web_app":"here will be the link to your app"}]
Beispiel
Als Ergebnis erhalten Sie eine Schaltfläche neben dem Nachrichteneingabefeld, die immer sichtbar ist.
Alle drei Schaltflächentypen öffnen die verknüpfte Webanwendung in einem separaten Fenster.
Vergessen Sie nicht, dass Ihre Webanwendung auf eine bestimmte Weise konfiguriert sein muss.
Bitte beachten Sie, dass Ihre Webanwendung eine spezifische Konfiguration erfordert. Die offiziellen Einrichtungsrichtlinien von Telegram-Entwicklern finden Sie hier: Web Apps für Bots.
Die Web-App kann mit einer in MaviBot erstellten Website verknüpft werden, z. B. einem Online-Buchungsservice oder einem E-Commerce-Shop.
Web-App-Button im Rechner
Der dritte Schaltflächentyp wird mit einer Rechnerfunktion erstellt.
tg_set_chat_menu_button(type, text, web_app_url, platform_id), wobei:
- type — ein optionaler Parameter, der einen der drei Schaltflächentypen angibt ("default", "commands", "web_app"),
- text — ein optionaler Parameter; wenn type nicht ausgewählt ist, setzt dies den Text auf der Schaltfläche,
- web_app_url — ein optionaler Parameter; der Link zu Ihrer Webanwendung (wird nur verwendet, wenn type "web_app" ist),
- platform_id — ein optionaler Parameter; gibt einen bestimmten Benutzerchat an, wenn Sie die Schaltfläche aus irgendeinem Grund nur einem bestimmten Benutzer anzeigen möchten.
Hier ist ein Beispiel zum Erstellen einer Schaltfläche für den Zugriff auf eine Webanwendung:
tg_set_chat_menu_button('web_app', 'Web app', 'here will be the link to your app')
Ergebnis:
