Pomóc w rozwiązaniu problemu z WebApp w bocie Telegramu

Dzień dobry, potrzebna pomoc z rozwojem bota w Telegramie z wykorzystaniem WebApp

Podstawowe komponenty bota

1. Aplikacja webowa (index.html): Interfejs do wyboru daty i godziny rezerwacji, który jest zintegrowany z Telegramem jako WebApp.
2. Plik konfiguracyjny (.env): Zawiera niezbędne ustawienia, takie jak token bota, ID grupy do odbierania rezerwacji oraz URL aplikacji webowej.
3. Skrypt bota (bot_start.py): Główny kod bota, który obsługuje interakcję z użytkownikiem.
4. Plik zależności (requirements): Określa niezbędne biblioteki do działania bota.

Szczegółowy opis działania bota

1. Początek interakcji (/start)

• Komenda /start uruchamia dialog z użytkownikiem.
• Bots wita użytkownika i oferuje dwie opcje działań:
  • "Zarezerwować stolik"
  • "Przeglądać menu"

2. Przeglądanie menu

• Jeśli użytkownik wybiera "Przeglądać menu", bot wysyła link do menu (https://gustouapp.com/menu) i wraca do początkowego wyboru działań.

3. Rezerwacja stolika

Wybór lokalu

• Przy wyborze "Zarezerwować stolik", bot prosi o wybór jednego z dostępnych lokali (na przykład 'ul. Antonowicza' lub 'al. Tyczyna').

Wybór daty i godziny

• Po wyborze lokalu bot wysyła przycisk "Wybierz datę i godzinę", który otwiera WebApp (twój index.html).
• Aplikacja webowa wykorzystuje bibliotekę Flatpickr do wygodnego wyboru daty i godziny.
  • Użytkownik wybiera pożądaną datę i godzinę.
  • Po potwierdzeniu, wybrana data i godzina są wysyłane z powrotem do bota przez window.Telegram.WebApp.sendData(selectedDatetime).

Przetwarzanie danych z WebApp

• Bot otrzymuje wybraną datę i godzinę i potwierdza je użytkownikowi.
• Następnie bot pyta o liczbę gości.

4. Wprowadzenie liczby gości

• Użytkownik wprowadza liczbę gości.
• Bot sprawdza, czy wprowadzona wartość jest poprawną liczbą większą od zera.
• Po potwierdzeniu, bot prosi o podanie imienia.

5. Wprowadzenie imienia

• Użytkownik wprowadza swoje imię.
• Bot zapisuje imię i przechodzi do wyboru sposobu podania kontaktowego numeru telefonu:
  • "Wprowadzić numer ręcznie"
  • "Podzielić się kontaktem"

6. Podanie kontaktowego numeru telefonu

Wybór sposobu podania numeru

• "Wprowadzić numer ręcznie":
  • Bot prosi o wprowadzenie numeru w formacie +380XXXXXXXXX.
  • Sprawdza poprawność wprowadzonego numeru.
• "Podzielić się kontaktem":
  • Bot udostępnia przycisk do podzielenia się kontaktem.
  • Użytkownik naciska przycisk, a jego numer telefonu jest automatycznie wysyłany do bota.

7. Zakończenie rezerwacji

• Po otrzymaniu wszystkich niezbędnych danych (lokal, data i godzina, liczba gości, imię, telefon), bot formuje informacje o rezerwacji.
• Informacje o rezerwacji są wysyłane do grupowego czatu (GROUP_CHAT_ID), gdzie administratorzy mogą je przeglądać i potwierdzać.
• Bot dziękuje użytkownikowi za rezerwację i oferuje:
  • "Powrócić do początku"
  • "Przeglądać menu"

8. Obsługa błędów i anulowanie

• Jeśli wystąpi błąd podczas wysyłania rezerwacji, bot informuje użytkownika o konieczności spróbowania ponownie.
• Użytkownik może anulować proces rezerwacji komendą /cancel, a bot przywraca go do początkowego stanu lub kończy rozmowę.

Interakcja między komponentami

1. Użytkownik zaczyna interakcję z botem przez Telegram.
2. Bot przetwarza komendy i wiadomości, zarządzając stanem rozmowy za pomocą ConversationHandler.
3. Przy wyborze daty i godziny, bot otwiera WebApp (twój index.html) w Telegramie.
4. Aplikacja webowa pozwala użytkownikowi wybrać datę i godzinę, po czym wysyła te dane z powrotem do bota.
5. Bot otrzymuje te dane, kontynuuje proces rezerwacji, zbierając niezbędne informacje.
6. Po zakończeniu, bot wysyła informacje o rezerwacji do wskazanej grupy do dalszego przetwarzania.

Problem w tym, że gdy otwiera się WebApp, zawsze pokazuje, że nie jest otwierany przez Telegram, poniżej przykłady plików bota