💼 WWDC 2024 уже в понедельник в 20:00 (GMT+3)

Ожидаю демонстрацию новых ИИ-фишек. У Эппл с этим всё туго как-то. Обо всём интересном напишу после презентации.

📹 Telegram анонсирует «звездочки»

Теперь боты и мини-приложения должны их использовать для принятия оплаты цифрового контента. Под физический товары правила остаются такими же.

Как относитесь к этому обновлению? Видел, что многим не зашло, но причин почему именно я не обнаружил.

Drizzle Kit создал пофикшенного Тони Старка 🧐

💻 Сбои в работе Телеграм

В 21:28 (GMT+3) сервера Телеги перестали отвечать на запросы. И только через больше чем час сбоя сервера начали возвращаться в норму.

Оказывается, если запушить в публичный репозиторий коммит, который потенциально может содержать токены и прочие секреты, то 💻 Гитхаб может оповестить об этом владельца репозитория.

Но для этого требуется включить эту функцию в настройках. Странно, что эта фича не включена по дефолту. Многие новички ошибаются, загружая секреты в публичный репозиторий

💻 Как тестить ботов и мини-приложения в Telegram?

Долгое время я искал эту информацию и не нашел единого ресурса, который бы все объяснял. Поэтому я решил создать свой материал. Надеюсь на вашу поддержку 🙂

Тестовая среда Telegram предлагает широкий набор функций для разработки и тестирования приложений на этой платформе.

📂 Создание неограниченного числа аккаунтов.

🫵 Запуск мини-приложений без необходимости использования протокола HTTPS (не работает на Андроиде).

🛍 Проведение тестовых платежей через тестовые платежные системы.

⭐️ Бесплатная покупка неограниченного числа Telegram Stars.

Тестовая среда Telegram не предоставляет доступ к основной среде. Она работает на отдельном дата-центре, не связанном с основными дата-центрами.

Для доступа к тестовой среде необходимо выполнить следующие шаги:

🔗На Android: скачайте Telegram Beta и включите опцию Test backend.

💻 На iOS: нажмите 10 раз на значок настроек, затем перейдите в Учетные записи > Вход в другую учетную запись > Тест.

💻 В Telegram Desktop: откройте меню-гамбургер > Настройки, затем нажмите Shift + Alt и щелкните ПКМ «Добавить учетную запись», выберите «Тестовый сервер».

💻 В Telegram на macOS: нажмите на значок «Настройки» 10 раз для открытия меню отладки, затем нажмите ⌘ и выберите «Добавить учетную запись».

Создать аккаунт и бота в тестовой среде придётся заново. Для этого можно использовать свой номер или же воспользоваться специальным номером от Телеграм. А бота создать через @botfather (он будет без аватарки).

💻 Создание тестовых аккаунтов в Telegram

Возможность создавать неограниченное количество тестовых аккаунтов в Telegram — это важное преимущество, которое отличает эту платформу от других, предоставляющих возможность распространять мини-приложения. Такие аккаунты можно создать только в тестовой среде.

На macOS мне не удалось создать аккаунт с использованием специального номера. Поэтому для создания тестового аккаунта с специальным номером:

1. Перейдите в тестовую среду на Android или iOS.
2. Введите номер телефона в формате 99966XYYYY.
3. Введите код подтверждения, который будет XXXXX (где X — это первая цифра после двух шестёрок в номере телефона, должна быть от 1 до 3).

После создания аккаунта вы сможете войти в него через клиент на macOS или в Telegram Desktop.

🎧 Веб-инспектор мини-приложений Telegram

DevTools помогает отлаживать работу веб-приложений, предоставляя доступ к консоли и DOM-дереву. Этот инструмент доступен на всех платформах в Telegram, что является преимуществом, которого нет у других платформ для распространения мини-приложений.

🔗 Чтобы включить его на Android:

1. Включите USB-Debugging на устройстве.
2. В Настройках Telegram прокрутите страницу вниз, нажмите и удерживайте номер версии два раза.
3. Выберите Enable WebView Debug в разделе Debug Settings.
4. Подключите телефон к компьютеру и откройте chrome://inspect/#devices в Chrome — вы увидите ваше мини-приложение там, когда запустите его на телефоне.

💻 На iOS (работает только с компьютером на macOS):

1. В Telegram на iOS нажмите 10 раз на значок Настройки, чтобы открыть меню отладки.
2. Включите Web View Inpection.
3. Перейдите в настройки iPhone > Safari > Advanced (в самом низу).
4. Включите Web Inspector.
5. Перейдите в настройки Safari на macOS > Advanced.
6. Включите пункт Show features for web developers.
7. Подключите iPhone к компьютеру на macOS.
8. Теперь в меню появится пункт Develop, где будет отображаться ваш iPhone и открытые вкладки Safari и Telegram мини-приложения.
9. Включите пункт Connect via Network, чтобы подключаться в дальнейшем беспроводным способом.

💻 Telegram Desktop на Windows и Linux:

1. Перейдите в Настройки > Дополнительно > Экспериментальные настройки > Enable webview inspection.
2. В открытом мини-приложении щелкните ПКМ и выберите пункт Inspect.

💻 Telegram macOS:

1. Быстро нажмите 5 раз на значок Настройки, чтобы открыть меню отладки и включить Debug mini-apps.
2. Щелкните ПКМ на мини-приложении и выберите Inspect Element.

👩‍💻 VS Code, кстати, можно открыть в любом репозитории на 💻 GitHub, нажав на точку на клавиатуре

Очень раздражает, когда 👩‍💻 VS Code не успевает подумать над тем, что мне предложить и предлагает два дефолтных действия, которые если случайно запустить, то просто создаётся ещё один файл, ломая содержимое файла, ломая импорты во всех файлах, которые ссылаются на открытый файл.

Я так уже несколько раз запукал. Приходится в Git роллбечить файлы, где сломались импорты, а файл, который пострадал, восстанавливать 😔