Создание карусели Telegram Bot?

Question

[Валерий]

Нужно создать карусель товаров в боте телеграмм.
На данный момент имеется бот, который выводит товары в корзине из базы данных. Хотелось бы что бы бот отправлял одно сообщение, а уже посредством кнопок, содержимое этих сообщений менялось.
Пример:


Нужно сделать примерно так же.

Список товаров который бот получает, для вывода товаров:
[('Смертельный яд паралича', 'Описание: Смертельный яд паралича', 'url_img'), ('Смертельный яд антимагии', 'Описание: Смертельный яд антимагии', 'url_img'), ('Смертельный яд', 'Описание: Смертельный яд', 'url_img'), ('Волендранг', 'Описание: Волендранг', 'url_img')]
Хотелось бы услышать алгоритм, реализации подобной фичи.
Спасибо за внимание!

Answer 1

[Михаил Кростелев]

Смотря какой библиотекой вы пользуетесь.
Вам по сути нужно пользоваться методами
bot,edit_message_media() - для редактирования изображений
bot.edit_message_reply_markup() - для редактирования кнопок
параметры для этих функций можно подсмотреть в самой библиотеке.

UPD
Уже подобный вопрос обсуждался
Как заменить фото бота в телеграм?

Comments

[Валерий]

Мне тут алгоритм интересен, редактирую сообщение я методом edit_message_text в библиотеке telebot.
Я не совсем понимаю как заставить программу проходится по списку, и в зависимости от элемента в списке, редактировать сообщение.
На данный момент у меня есть ID сообщения который высылает бот, проблема состоит в идентификации элемента товара в высланном сообщении, для последующего изменения сообщения.
Т.е бот отправляет первый товар из списка, мне от этого товара приходит определенный callback, и мне нужно как то обработать этот callback, что бы вывелся следующий товар в списке.

[Михаил Кростелев]

Валерий, ну а какой-то код есть уже? Где именно затуп происходит?
И откуда бот получает список товаров? Есть ли возможность повлиять на формат получаемого списка? Его тоже вы формируете?

[Валерий]

Михаил, Да, затуп происходит на стадии, когда я получают callback от кнопки сообщения, такого формата:
{'game_short_name': None, 'chat_instance': '7500270613924840228', 'id': '2134263021074103949', 'from_user': {'id': 496921832, 'is_bot': False, 'first_name': 'ApXNTekToP', 'username': 'ApXNNTekToP', 'last_name': None, 'language_code': 'ru', 'can_join_groups': None, 'can_read_all_group_messages': None, 'supports_inline_queries': None}, 'message': {'content_type': 'text', 'id': 6832, 'message_id': 6832, 'from_user': , 'date': 1623057088, 'chat': , 'forward_from': None, 'forward_from_chat': None, 'forward_from_message_id': None, 'forward_signature': None, 'forward_sender_name': None, 'forward_date': None, 'reply_to_message': None, 'edit_date': None, 'media_group_id': None, 'author_signature': None, 'text': 'Средняя бомба\nОписание: Средняя бомба\n\u200b', 'entities': [], 'caption_entities': None, 'audio': None, 'document': None, 'photo': None, 'sticker': None, 'video': None, 'video_note': None, 'voice': None, 'caption': None, 'contact': None, 'location': None, 'venue': None, 'animation': None, 'dice': None, 'new_chat_member': None, 'new_chat_members': None, 'left_chat_member': None, 'new_chat_title': None, 'new_chat_photo': None, 'delete_chat_photo': None, 'group_chat_created': None, 'supergroup_chat_created': None, 'channel_chat_created': None, 'migrate_to_chat_id': None, 'migrate_from_chat_id': None, 'pinned_message': None, 'invoice': None, 'successful_payment': None, 'connected_website': None, 'reply_markup': , 'json': {'message_id': 6832, 'from': {'id': 1614577997, 'is_bot': True, 'first_name': 'merchantTelegramBot', 'username': 'testmerchant_bot'}, 'chat': {'id': 496921832, 'first_name': 'ApXNTekToP', 'username': 'ApXNNTekToP', 'type': 'private'}, 'date': 1623057088, 'text': 'Средняя бомба\nОписание: Средняя бомба\n\u200b', 'entities': [{'offset': 38, 'length': 1, 'type': 'text_link', 'url': 'https://image.freepik.com/free-vector/round-black-...'}], 'reply_markup': {'inline_keyboard': [[{'text': '❌', 'callback_data': 'delete'}, {'text': '⬇', 'callback_data': 'remove'}, {'text': 'quantity', 'callback_data': 'quantity'}, {'text': '⬆', 'callback_data': 'add'}], [{'text': '⬅', 'callback_data': 'previous'}, {'text': 'quantity_product', 'callback_data': 'quantity'}, {'text': '➡', 'callback_data': 'next'}], [{'text': '✅ Заказ на 0 рупий, Оформить?', 'callback_data': 'order'}], [{'text': 'Продолжить покупки', 'callback_data': 'continue'}]]}}}, 'data': 'next', 'inline_message_id': None}
Мне с помощью этих данных нужно идентифицировать товар в списке:
[('Средняя бомба', 'Описание: Средняя бомба', 'https://image.freepik.com/free-vector/round-black-...'), ('Зелье водного дыхания', 'Описание: Зелье водного дыхания', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Жир тролля', 'Описание: Жир тролля', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Вересковое сердце', 'Описание: Вересковое сердце', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Медвежьи когти', 'Описание: Медвежьи когти', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Ваббаджек', 'Описание: Ваббаджек', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Волендранг', 'Описание: Волендранг', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Роза Сангвина', 'Описание: Роза Сангвина', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Огма Инфиниум', 'Описание:Огма Инфиниум', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Масло 1 L', 'Описание: Масло 1 L', 'https://static.wikia.nocookie.net/amnesia/images/6...'), ('Большая бомба', 'Описание: Большая бомба', 'https://media.sketchfab.com/models/dacf9850fc6b4a0...'), ('Беспрестанная отрава упадка сил', 'Описание: Беспрестанная отрава упадка сил', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Беспрестанная отрава упадка сил', 'Описание: Беспрестанная отрава упадка сил', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Беспрестанная отрава упадка сил', 'Описание: Беспрестанная отрава упадка сил', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Беспрестанная отрава упадка сил', 'Описание: Беспрестанная отрава упадка сил', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Беспрестанная отрава упадка сил', 'Описание: Беспрестанная отрава упадка сил', 'https://static.wikia.nocookie.net/elderscrolls/ima...'), ('Беспрестанная отрава упадка сил', 'Описание: Беспрестанная отрава упадка сил', 'https://static.wikia.nocookie.net/elderscrolls/ima...')]
Список товаров бот получает из базы данных, возможность поменять формат получаемого списка есть. Выводимые данные формирую я.

[Валерий]

Михаил, Код имеется

def display_cart(self): # self это message
        try:
            global cart
            global counter
            counter = 0

            connection = db.create_connection(
                "merch_telegram_bot_db", "postgres", "password",
                "127.0.0.1",
                "5432"
            )
            query = q.interface_query[
                        'display_product_cart'] + str(self.from_user.id)
            cart = db.execution_of_requests(connection, query)
            connection.close()
            cart_keyboard = key.cart_keyboard()
            bot.send_message(self.chat.id, "Корзина:\n")
            bot.send_message(self.chat.id, f"{cart[0][0]}\n"
                                           f"{cart[0][1]}\n"
                                           f"<a href='{cart[0][2]}'>&#8203"
                                           f";</a>",
                             parse_mode="HTML",
                             reply_markup=cart_keyboard)

        except Exception as e:
            print('Фатальная ошибка!' + f'\n{str(e)}')
            return

    def callback_data_handler(self): # self это call (ответ inline кнопок)
        try:
            connection = db.create_connection(
                "merch_telegram_bot_db", "postgres", "password", "127.0.0.1",
                "5432"
            )
            id_element = extract_id(self.data)
            if id_element[0] == 'cat':
                query = q.interface_query['product'] + id_element[1]
                product = db.execution_of_requests(connection, query)
                bot.edit_message_text(chat_id=self.message.chat.id,
                                      message_id=self.message.message_id,
                                      text=f'{product[0][0]}')
                for i in product:
                    show_product_keyboard = key.show_product(i)
                    bot.send_photo(self.from_user.id, i[5],
                                   caption=f'\n{i[2]}\n{i[3]}',
                                   reply_markup=show_product_keyboard)
                bot.answer_callback_query(self.id, show_alert=False)
            elif id_element[0] == 'prod':
                query = q.interface_query['cart_id_info'] + \
                        str(self.from_user.id)
                cart_id = db.execution_of_requests(connection, query)
                query = q.interface_query['add_product_cart']
                data = (cart_id[0][0], id_element[1])
                db.execution_of_requests(connection, query, data)
                InterfaceInteraction.alert(self, "Товар добавлен в корзину")
            elif id_element[0] == 'delete':
                print("Ok_delete")
                InterfaceInteraction.alert(self)
            elif id_element[0] == 'remove':
                print("Ok_remove")
                InterfaceInteraction.alert(self)
            elif id_element[0] == 'add':
                print("Ok_add")
                InterfaceInteraction.alert(self)
            elif id_element[0] == 'previous':
                print(self)
                InterfaceInteraction.alert(self)
            elif id_element[0] == 'next':
                print(cart)
                InterfaceInteraction.alert(self)
            elif id_element[0] == 'order':
                print("Ok_order")
                InterfaceInteraction.alert(self)
            elif id_element[0] == 'continue':
                print("Ok_continue")
                InterfaceInteraction.alert(self)
            else:
                InterfaceInteraction.alert(self)
            connection.close()
        except Exception as e:
            print('Фатальная ошибка!' + f'\n{str(e)}')
            return

[Михаил Кростелев]

Валерий, главная проблема в том, что сам список товаров в карусели никак не получится разово использовать. Я так понимаю, этот список вы получаете каждый раз с помощью запроса к БД. Список этот должен быть обязательно отсортирован для того, чтобы каждый раз при запросе результат был один и тот же.

Допустим вы выводите информацию о первом товаре в списке (Индекс 0), тогда при описании inline кнопок вы должны в кнопку следующего товара добавлять следующий индекс (1) в списке этих товаров. Для кнопки предыдущего - индекс последнего элемента в списке (-1 или len(data)-1, где data - ваш список), либо вообще не выводить эту кнопку.

Каждый раз нажимая на кнопку следующий или предыдущий, вы обращаетесь к БД, опять получаете этот список, вытаскиваете элемент по индексу, который лежит в callback_data, обрабатываете эти данные и выводите сообщение с этими данными. Кнопки следующий и предыдущий оформляете отталкиваясь от текущего индекса.

[Валерий]

Михаил, Хмм, такой вариант мне в голову не приходил. Попробую реализовать! Спасибо!

[Валерий]

Михаил, Все отлично работает, спасибо вам еще раз!