📚Примечания к лекциям
В этой главе мы подробнее посмотрим на новый способ распространения нашего приложения. Мы опубликовали его на страницах GitHub, и теперь он доступен для всех в Интернете через браузер. Тем не менее, чтобы обеспечить лучшее внедрение вашего приложения, вы хотите, чтобы оно было легко доступно из того места, где у вас уже есть внимание.
Посланник - один из лучших способов сделать это. Скажем, один из ваших пользователей делится вашим приложением со своим другом или группой людей. Самый простой способ включить этих новых пользователей - это не переместить их в браузер, а позволить им использовать ваше приложение прямо в мессенджере. Telegram - это удивительный мессенджер с беспрецедентной тягой и амбициями. Это действительно обеспечивает. Telegram имеет до 700 миллионов активных пользователей в месяц и более 50 миллионов активных пользователей в день. Какая огромная потенциальная база пользователей для вашего приложения!
Уже некоторое время боты Telegram являются отличным способом программирования взаимодействия с пользователями Telegram. Телеграм-боты могут полностью заменить любой веб-сайт. Они поддерживают бесшовную авторизацию, интегрированные платежи через 15 платежных провайдеров, с Google Pay и Apple Pay из коробки. Они предоставляют пользователям индивидуальные push-уведомления и многое другое.
С веб-приложениями, функцией, представленной недавно, боты получают совершенно новое измерение. Разработчики ботов могут создавать бесконечно гибкие интерфейсы с JavaScript, одним из самых популярных языков программирования в мире. Интерфейс чата показал большую тягу, хотя мы все привыкли к графическому пользовательскому интерфейсу для большинства наших потребностей.
Мы хотим, чтобы наше приложение было доступно для многих пользователей, чтобы они могли легко поделиться этим опытом со своими близкими. Мы собираемся сделать следующий шаг и настроить наше приложение для работы с Telegram в качестве веб-приложения.
Погружение в веб-приложения Telegram
Давайте подробнее посмотрим, как выглядят веб-приложения Telegram. В Telegram homepage Мы направляемся прямо к API и видим Bot API Как один из первых. Здесь мы видим новую функцию - веб-приложения Telegram. Они действуют внутри бота, но предоставляют возможность создать веб-интерфейс, встроенный в бот.
Его можно использовать для многих вещей: для получения платежей, для других пользовательских вещей, для обработки файлов и конкретных задач. Вы также можете интегрировать его с другими сервисами, такими как GMail, как показано в примере. И вы также можете проводить игры.
Веб-приложения Telegram выходят за рамки базового взаимодействия с запросами и ответами. Вот почему это очень горстка и на самом деле важная вещь для освоения - это даст вам множество преимуществ в любых проектах, которые вы когда-либо захотите запустить.
Давайте посмотрим, как это интегрировано. Мы направляемся к Web Apps Раздел. Мы уже создали веб-приложение, поэтому теперь нам нужно интегрировать его в этот бот. Затем мы сможем изменить цветовую схему и язык в зависимости от настроек устройства пользователя.
Интеграция довольно бесшовная. Веб-приложение Telegram может быть запущено в боте с помощью кнопки клавиатуры, встроенной кнопки или кнопки меню бота. Кнопка меню бота - это то, что мы будем использовать на следующих уроках. Web Apps Раздел - это очень отличный ресурс, чтобы узнать о возможностях веб-приложений Telegram.
Мы уже создали веб-приложение, доступное в браузере. Теперь нам нужно знать, как интегрировать его с API Telegram. Telegram предоставляет нам скрипт, который мы можем просто загрузить и получить доступ к многочисленным функциям, таким как цветовая схема, платформа, определение размера экрана и другие.
Теперь нам нужно интегрировать наше приложение со скриптом. Давайте найдем SDK, который поможет нам сделать это с помощью React. К счастью, мы have it — Ссылка также будет доступна для дополнительных материалов для этих уроков. Просто установите эту библиотеку:
npm i @twa-dev/sdk
Это позволяет нам получить доступ к методам сценария. На следующем уроке мы собираемся создать нашего бота, узнать, как интегрировать то, что у нас уже есть, а затем улучшить наше приложение, чтобы оно более эффективно взаимодействовало с API ботов.