Всем доброго дня! Хотелось бы поделиться своей историей, и конечно услышать мнение других.
Отработав на производстве более 5 лет, и пройдя с самого низа до должности технолога, получив высшее образование по этой специальности, захотел работать на удаленке, окончил курсы SMM специалиста. Понятно, что курсы я выбирал из того, что я умею, владение графическими программами, и работа в сфере продаж дали свою опору.
Идея уйти на фриланс посещала меня уже давно, но что-то не решался пока не достиг крайней точки выгорания. Однообразная работа, каждый день похож один на другой, как в фильме «День сурка». Когда заходя на работу через проходную, вспоминаешь длинные очереди через такую же проходную на производство, у своих родителей в начале 90-х. Конечно любой человек сопоставляет приоритеты, стабильность и дальнейшее выгорание, либо смена рода деятельности (конечно без определенной стабильности), но хоть какой то глоток свежего воздуха.
Почитав статьи в сети возникают мысли, фриланс - это свобода? Или это та же клетка производства, только в стенах собственной квартиры?
Если кто-нибудь из Вас стоял перед таким выбором, буду признателен за ответы в комментариях!!!
Я же в свою очередь напишу о своих дальнейших успехах в новой для меня сфере.
Салют! С вами Александр Верга и агентство the Verga.
Год назад к нам обратилась школа парикмахерского искусства, для продвижения онлайн-курсов во ВКонтакте. Задача — вести пользователей на регистрации в чат-бот с помощью лид-магнита. Уже через месяц слаженной работы мы подключили второй канал трафика — Яндекс. Директ, а через 8 месяцев — Телеграм.
В кейсе рассказываем, как благодаря слаженной работе по трем направлениям привели онлайн-школе за год 21 000 регистраций по 165 рублей.
Информация о проекте
Клиент: Онлайн-школа парикмахерского искусства. Специализация — обучение парикмахеров с нуля и повышение квалификации.
Задача: вести пользователей на регистрации в чат-бот с помощью лид-магнита по стоимости не выше 200 рублей
Результат за год: 21 000 регистраций по 165 рублей в трех каналах продвижения
Продвижение во ВКонтакте: 12 875 регистраций по 122 рубля за год.
Разрабатываем стратегию. Перед запуском нового проекта всегда изучаем компанию и продукт заказчика, чтобы лучше понять задачу, особенности рынка и конкурентов, а также оценить возможные риски и сложности, которые могут возникнуть в процессе работы.
Первые успехи и трудности. В самом начале работы перед нами стояла задача приводить подписчиков в Senler с помощью лид-магнита. Мы работали в этом направлении в течение 3 месяцев, за это время привлекли 4743 подписчика в чат-бот по стоимости 53 рубля.
В первый месяц получили высокий результат – 22 продажи на сумму 350 тысяч рублей. Через месяц количество продаж снизилось до 11. Мы скорректировали стратегию, чтобы увеличить конверсию в продажу. Показатели не улучшились, а еще через пару месяцев упали сильнее — за май мы получили всего 3 продажи. Тогда мы начали искать причину снижения результатов.
Мы продолжили разбираться в проблеме. Выяснили, что рассылку чат-бота читают всего 4% подписчиков. То есть, из 1500 новых человек только 60 человек открывали входящие сообщения. Остальные пользователи после подписки никак не реагировали на чат-бот.
Основной продукт заказчика — годовое обучение в онлайн-школе парикмахеров. Прежде чем купить курс, пользователи проходят долгий путь принятия решения. Они могут сомневаться вплоть до трёх месяцев. Чтобы довести человека до покупки, компании нужно всё это время напоминать ему о себе. А в нашем случае клиент терял нас из поля зрения после первого касания, поэтому трафик заказчика не окупался.
Внедряем новую стратегию. Как только мы поняли, что наш прежний алгоритм действий приносит много подписчиков по низкой стоимости, но не приносит продаж – мы сменили стратегию.
Приняли решение не вести подписчиков в Senler. Сменили посадочную страницу: в нескольких объявлениях вместо чат-бота стали вести пользователей на сайт, а уже на сайте приглашали подписаться на телеграм-канал Артема Любимова. Мы увеличили «путь» пользователя: теперь ему нужно совершить больше действий, чтобы принять участие в прямом эфире или получить уроки.
Раньше, когда мы вели подписчиков на Senler, их путь выглядел так:
В новой стратегии появился ещё один этап:
Это решение помогло нам не упускать пользователей, которые подписались на чат-бот, забирали уроки и больше не читали сообщения.
Теперь потенциальные клиенты подписываются на телеграм-канал, читают контент, посещают новые мероприятия от спикера и в итоге совершают покупку.
Таким образом, мы выиграли сразу по двум направлениям:
информация об онлайн-школе не пропадаем из поля зрения подписчика, а постоянно напоминает преимуществах.
в телеграм-канал приходила наиболее заинтересованная аудитория, а чем выше заинтересованность, тем выше и доходимость до покупки.
Увидели, что регистрации подорожали по сравнению с чат-ботом — их средняя стоимость в первый месяц после смены посадочной страницы составила 158 рублей. Однако продаж стало приходить больше. В итоге мы постепенно перевели на сайт все направления рекламы, что помогло повысить окупаемость трафика.
Результаты. Разработали новую эффективную стратегию, благодаря которой каждый месяц получаем больше продаж, а значит, мы можем увеличивать бюджет и масштабироваться.
В итоге за 12 месяцев продвижения получили:
В общем зачете благодаря продвижению во ВКонтакте увеличили ежемесячную выручку на 105%, то есть более, чем в 2 раза.
Дальнейшие планы
1. Увеличить рекламный бюджет до 300 тыс. рублей в месяц. Канал окупается, так что приняли решение масштабироваться.
2. Достичь окупаемости канала в тройном размере за счет:
- снижения стоимости регистрации на уроки
- повышения конверсии в продажу.
3. Снижать стоимость регистрации мы будем за счет креативов: не так давно протестировали новый формат, который привел регистрации по стоимости 100 рублей, планируем внедрить этот формат во все направления.
Запуск рекламы в Яндекс. Директе: 6 816 регистраций по 241 рублю за год
На 2-м месяце сотрудничества к продвижению во ВКонтакте добавили 2-й канал трафика Яндекс.Директ. Обороты решили наращивать постепенно. Начали с бюджета в 50 000 рублей, на который планировали привести 250 регистраций по стоимости не выше 200 рублей.
Перед стартом рекламной кампании провели аналитику рынка:
уточнили целевую аудиторию, ее потребности и боли
проанализировали конкурентов, что рекламируют, на какие посадочные страницы ведут, что предлагают.
Инструменты. Запустили одновременно два вида рекламных кампаний: сетевую и мастер кампаний, чтобы проверить эффективность каждой и выбрать наиболее подходящий формат.
В результате уже в первый месяц работы получили 346 регистраций по 160 р.
Чтобы сохранить достигнутый результат:
ежемесячно убирали из РСЯ площадки, которые приносят нецелевые регистрации.
добавляли рекламные кампании на РСЯ: ретаргет на посетителей, по теплым запросам и по запросам, которыми интересуются парикмахеры.
создавали дополнительные РСЯ по инструментам или принадлежностям для парикмахеров. Это позволило расширить охваты и привести целевых клиентов.
выделяли высокочастотные ключевые фразы и запускали по ним поисковую рекламу на Яндексе.
проводили сквозную аналитику и посмотреть, с каких групп идет больше продаж.
в марте перенесли все кампании в новый кабинет, что позволило нам снизить стоимость привлечения в 2 раза.
Результаты. В итоге за 11 месяцев продвижения получили:
В общем зачете второй канал продвижения увеличил ежемесячную выручку на 59 %
Дальнейшие планы: масштабировать результат и нарастить бюджеты рекламных кампаний до 500 000 рублей в месяц, чтобы получать большее количество лидов по низкой стоимости.
Рекламируем в Телеграм ADS: 1335 регистрации на вебинар по 131 рублю за 5 месяцев
Через 8 месяцев с момента старта работы в проекте согласовали с заказчиком запуск третьего канала трафика – Telegram ADS. Поставили две ключевые задачи:
приводить подписчиков в канал по стоимости менее 100 рублей,
протестировать рекламу, которая сразу ведет на сайт с вебинаром.
Несмотря на то, что мы к этому времени уже больше полугода работали с заказчиком, перед стартом провели подготовительную работу. Благодаря чему смогли увидеть особенности продвижения в Телеграме и составить четкую стратегию продвижения.
Например, при анализе конкурентов увидели, что ниша обучения парикмахерскому искусству широко представлена в Телеграме, и конкурентов на этой площадке у заказчика довольно много.
Инструменты продвижения. Чтобы на постоянной основе привлекать подписчиков в канал заказчика регулярно:
— подбирали каналы с целевой аудиторией заказчика для настройки рекламы. На момент выхода кейса их более 150 штук;
— разрабатывали актуальные рекламные креативы для этого направления (более 100 штук);
— создавали объявления с разными текстами на разные аудитории. Оставляли активными только объявления с ценой подписчика не более 50 рублей;
— дублировали наиболее удачные объявления для увеличения охвата и ускорения притока подписчиков.
Чтобы получать регистрация на вебинар по низкой стоимости:
— создавали креативы с ЮТМ-метками (более 100 штук);
— запускали тексты на свою аудиторию в настройке на подписчиков с пересечением интересов;
— настраивали объявления на остальные рабочие аудитории по результату тестов на привлечение подписчиков;
— тестировали рекламу вебинара на аудитории подписчиков конкурентов, чтобы привлечь дополнительных пользователей на мероприятие;
— корректировали CPM в канале заказчика так, чтобы вытеснить рекламу конкурентов.
Результаты. В итоге за 5 месяцев продвижения получили:
В общем зачете третий канал продвижения увеличил ежемесячную выручку на 23 %
*Выручка в 1-й месяц не превысила 100 000 рублей, потому что основная задача месяца была набрать новых подписчиков в канал, а регистрации на вебинар только тестировали на небольшую сумму. ** В 4-й месяц вложили только часть запланированного бюджета в продвижение, так как возникли сложности с одной из рабочих платформ, и мы временно приостановили рекламу.
Дальнейшие планы:
Продолжить привлекать подписчиков в канал по цене менее 50 рублей. Так как аудитория ограничена количеством, то рано или поздно подписчик начнет дорожать и тогда необходимо будет обновлять рекламные тексты.
Масштабировать рекламу с сохранением показателей KPI за счет поиска новых каналов, разнообразия качественных креативов, которые попадают в боль ЦА.
Постоянно придумывать новые креативы, чтобы попадать в боль и запрос ЦА и не надоедать пользователям однотипными объявлениями.
Каждые 3 месяца искать новые каналы для настройки рекламы. За это время создаются новые и мелкие старые могут дорасти до 1000 подписчиков, с этого размера на них можно таргетироваться.
Результат за год: 21 000 регистраций по 165 рублей по трем каналам трафика
Планы на повышение результата
Глобальная задача проекта окупать рекламный бюджет 1:3. Для этого планируем:
Увеличить конверсию из заявки в продажу до 5% с помощью введения трипвайера.
Увеличим рекламный бюджет до 500 тыс. рублей по каждому каналу продвижения, чтобы как можно больше людей заходили в воронку трафика.
С момента выхода первой части статьи из рубрики «сам себе экосистема» прошёл уже практически год! За это время, мы успели с вами реализовать клиенты VK и YouTube, которые работают на Android 2.2+, а также на Windows Phone 8, написать небольшую 2D-игру с нуля весом менее 1Мб, которая работает практически везде и довести существующее приложение до ума, дабы оно работало даже на смартфоне с дисплеем 240x320! Но на дворе 2024 год, люди стремительно переходят из соц. сетей в продвинутые мессенджеры и уже сложно себе представить современного человека, который не пользовался бы «телегой» или даже «вайбером» в качестве основного средства общения. Поэтому я решил реализовать клиент Telegram на смартфоне 14-летней давности на базе официальной реализации MTProto от команды Telegram — TDLib. Сегодня мы с вами: узнаем новые причины мотивации вернуть в строй смартфоны прошлых лет, напишем на C# реле-сервер, который обрабатывает пакеты MTProto и кодирует их в простой текстовый формат датасетов, который можно моментально обработать даже при нестабильном GPRS-соединении на 21-летнем Siemens C60, а также узнаем о разработке миниатюрных Android-приложений на базе «голого» API-системы, которые не тянут за собой никаких зависимостей, в том числе и AppCompat/androidx. Интересно? Тогда жду вас под катом!
На дворе уже стукнул 2024 год, современные смартфоны предлагают какие-то немыслимые мощности относительно тех, которые когда-то были в первых Android-девайсах. Сейчас за сотню баксов можно купить смартфон с хорошей 1080p IPS-матрицей, 4Гб ОЗУ и 8-ядерным шустрым чипсетом, который вполне способен плавно тянуть даже стремительно «жиреющие» на ресурсы клиенты социальных сетей, банков и прочие необходимые в повседневной жизни приложения. И казалось бы: всё хорошо, покупай себе редмик раз в год или айфон раз в несколько лет и наслаждайся всеми прелестями работы современных приложений…
Для многих людей смартфон — это лишь инструмент, повседневный компаньон, который помогает облегчить выполнение каких-то задач. Им совершенно не важно, как он выглядит, как ощущается в руках, какой у него дисплей и железо «под капотом», лишь бы работал да и нормально. Но есть и другая категория людей, для которых телефоны, смартфоны и любые портативные гаджеты — это не просто утилитарный девайс, а настоящее инженерное произведение искусства, с которого буквально сдувают пылинки и стараются до последнего пользоваться ими как повседневными устройствами. Хотите пример? Смотрите ниже:
Фактически, среди современных смартфонов по сути и нет представителей такого нынче вымершего форм-фактора, как сайдслайдеры с физической QWERTY-клавиатурой, боковые раскладушки с двумя дисплеями и даже из QWERTY-моноблоков есть только смартфоны от Unihertz. Даже среди моноблоков с тачскринами нет никакого разнообразия, лишь без-рамочные одинаковые девайсы за исключением устройств от Sony.
Galaxy S Plus
Раньше меня часто спрашивали, мол, да как ты вообще можешь пользоваться смартфоном 10-летней давности, на котором давно нет официальных клиентов популярных сервисов и только недавно, с развитием блога, мне перестали задавать этот вопрос, поняв, что это бесполезно — ведь это дело принципа и порыва энтузиазма! Смотрите сами: у нас уже есть простенькие, но вполне рабочие клиенты ВК, YouTube, сейчас я допиливаю клиент «Сбера» на СМСках, реализую карты OpenStreetMap (правда пока без адекватной навигации), а в будущем планирую написать приложение для мониторинга погоды и трекинга посылок. Кроме того, в рамках этой статьи мы реализуем с вами клиент Telegram: так чем же это не функционал современного смартфона?
Но хорошо, с функционалом разобрались, однако для многих читателей слова «старый смартфон» это прямые синонимы «тормозной смартфон», мол «фуу, да как можно пользоваться этим тормозным кирпичом, он же лагает в последней версии моей ВКшечки!». Но давайте поставим вопрос ребром: может, это не столько девайсы немощные, сколько сами приложения, с кодовой базой, которая тянется более 10 лет, откровенно жиреют, обрастают костылями и хаками после далеко не одного поколения программистов, которые над ними работали? :) Один, вот, предпочитал пользоваться чистым AppCompat'ом, другой решил притащить зависимость, которая, например, оптимизирует виртуализацию ListView, третий решил заменить всю сериализацию Json со встроенных классов в Android на что-то стороннее и реализовал это костылями и вот так, по чуть-чуть изначально оптимальный и шустрый код превращается в неповоротливое УГ, которое не рефакторили кучу лет.
На видео Galaxy Pocket Neo — очень дешёвый Android-смартфон из 2011 года с 1-ядерным чипсетом на ~800МГц и 256Мб ОЗУ. При этом всём, Android софтварно рисует все анимации на процессоре, без участия GPU.
А значит у стареньких девайсов всё равно есть шанс быть полезными и стать полноценными повседневными смартфонами даже спустя более чем десять лет после выхода! И в сегодняшнем материале, я вам расскажу об особенностях разработки самопального клиента Telegram с собственным прокси-сервером, которое концептуально допускает реализацию даже на кнопочном Siemens C60 2003 года. Как? Читаем ниже!
❯ Принцип работы
В отличии от ВК (который разрабатывали те же самые люди, что и Telegram), API которого построено на базе REST-запросов и концепции Longpolling'а для моментального получения событий с сервера, Telegram построен на базе собственного протокола под названием MTProto, который может работать поверх любого «транспорта» (протокола нижнего уровня) — TCP, HTTP, WebSocket и т.п. Сам по себе MTProto в современном виде, разработка прожженного математика Николая Дурова и его команды — протокол относительно сложный для реализации «на коленке» и в первую очередь требует довольно серьезного понимания принципов работы современной криптографии, да и документирован он всё ещё не особо хорошо. Кроме того, у MTProto весьма интересный бинарный формат пакетов, эдакий велосипед Protobuf. В долгосрочной перспективе поддерживать свой велосипед MTProto может быть весьма проблематично, учитывая не самую лучшую документацию.
Но городить велосипед и не нужно, поскольку у команды Telegram есть официальная реализация MTProto — библиотека TDLib, которая инкапсулирует в себе не только детали реализации протокола, но и сетевой ввод/вывод и выбор транспорта, хранение базы данных сообщений и авторизации, автоматическую загрузку фото и видео, конвертация объектов из бинарного формата MTProto в JSON и полная многопоточность и частичная потоко-безопасность. С одной стороны это плюс — уже готовое решение для реализации клиента на новой поддерживаемой платформе, где есть OpenSSL (можно статически слинковать), zlib (линкуется статически), сокеты и файловый ввод/вывод, а также довольно неплохой механизм JSON-based API, которое позволяет использовать библиотеку в любом языке, который поддерживает вызов C-функций, а с другой и минус — библиотека довольно много весит, в одиночку прибавляя ~20Мб веса приложения для каждой архитектуры, у неё течёт память и у нее странный механизм получения данных с сервера (например, нельзя ответить на сообщение, зная его ID, если сообщение предварительно не загружено, при том что на сервере весь ответ — это просто ID, на какое сообщение прилетел ответ).
Понятное дело, что на стареньком смартфоне использовать оригинальный TDLib будет проблематичным — даже если собрать либы современным NDK и запилить JNI-интерфейс, библиотека «жрёт» много ОЗУ (20-100Мб «вхолостую», в зависимости от числа диалогов и частоты прилетающих событий, плюс со временем течет до 1-2Гб, если не использовать базу данных сообщений. Скорее всего, это косяк в реализации пулов, объекты из которых выгружаются при сбросе в базу, но не выгружаются при высоком потреблении ОЗУ) и уж тем-более TDLib не запустить на любимых кнопочных Java-сонериках! Поэтому я решил написать прокси-сервер, который отправляет команды, слушает ивенты TDLib и предоставляет REST-like API для клиентских программ, которые просто вызывают какой-либо метод, а в ответ получают простой и короткий строковой датасет только с необходимыми полями, весом до 10Кб (что позволяет его быстро загрузить даже с GPRS-интернетом), который можно быстро распарсить даже на преусловутом Siemens C60!
К сожалению, поскольку TDLib прожорлив, я не смогу захостить на своём сервере инстансы для читателей, которые хотят поюзать приложение, поэтому вам придется ставить и запускать сервер на своём VDS/компьютере с белым IP/роутере, если под него есть .NET Core :)
Клиентом же будет выступать Android-смартфон, где приложение будет фронтэндом данных с сервера. Ничего сложного на первое время нет: первое окно — это список диалогов, второе окно — список сообщений в диалоге + поле для написания сообщения, третье окно — информация о пользователе. Всё это я реализовал за три дня не-напряжной работы «на коленке».
Давайте же перейдем к реализации сервера!
❯ Прокси-сервер
Сервер я решил писать на C#, поскольку у .NET Core сейчас всё очень хорошо с кроссплатформенностью и производительностью. Его можно даже на Raspberry Pi запустить :)
Итак, какая-же архитектура такого сервера может быть? Программа инициализирует TDLib, начинает слушать её события в отдельном потоке, пока в основном потоке крутится HTTP-сервер, который обрабатывает каждый отдельный запрос с клиентского приложения. Почему синхронно? Потому что TDLib фактически не возвращает никаких идентификаторов для возвращаемых датасетов, дабы их можно было отличить друг от друга. Приведу пример: у нас есть метод getChatHistory, который возвращает n-сообщений. При этом TDLib сам определяет, сколько хочет сообщений вернуть (и в первый вызов возвращает одно сообщение вне зависимости от настрое и отправляем пакет message n-раз. При этом в пакете message нет какого-либо ID, который позволял бы ассоциировать текущий объект с какой-либо операцией. Увы!
Начинаем с коммуникации с TDLib. Для работы с библиотекой, мы будем использовать json-интерфейс. Для .NET есть биндинги через C++/CLI, но в таком случае, сервер не будет работать на Linux. Для работы с библиотекой хватит лишь три функции: CreateClientID, которая аллокейтит новый инстанс клиента, Send, которая асинхронно отправляет JSON-объект с командой, которую затем обработает TDLib и Receive, которая ждёт N-секунд и возвращает в виде ASCII-строки (!) JSON-объект с описанием события или данными после одного из запросов. За это у нас отвечает класс TDLibInterface, который объявляет PInvoke-методы для вызова нативных методов из библиотеки. .NET Core сам подгрузит библиотеку tdjson (причём на Linux он добавит ей префикс а-ля libtdjson.so, а на Windows загрузит tdjson.dll) и сам разберется с маршаллингом аргументов функций: например, string автоматически преобразует в const char*. Тем не менее, с const char* возвратами нужно быть аккуратнее — у меня был SIGSEGV, пока я ручками не конвертировал их в обычную строку.
З.Ы: На Пикабу нет отдельного тега для кода, а вставить листинги картинками я не могу из-за ограничения на 25 медиаэлементов. Так что листинги будут совсем без табов, но алгоритм их работы понять можно :)
Позволю себе чуточку критики в сторону TDLib. Во первых, почему нет s-версии функции с возможностью указать длину входной строки, а tdjson полагается исключительно на \0 в конце строки? Во вторых, почему const char*, а не wchar_t*? Сейчас юникод во входной строке приходится escape'ами превращать в \u-последовательности. После этого, нам нужно написать обёртку над TDLib, которая будет вызывать для зарегистрированных событий специальные функции, называемые коллбэками. При этом закомментированный WriteLine снизу — это «дебаг» для того, чтобы узнать названия неизвестных мне ивентов :)
В каждом объекте, полученном с помощью receive, есть поле "@type", которое содержит в себе имя класса возвращаемого объекта. Первый же вопрос от читателей — почему я использую JObject с ручным дерганьем нужных полей и вручную пишу JSON в виде строковых литералов вместо нормальной сериализации/десериализации? Ответ прост: во-первых, для актуализации Data-классов придется писать кодогенератор из TL-схемы, а во-вторых иногда TDLib может возвращать немного разные объекты в JSON, из-за чего приходится мудрить с атрибутами на этих самых Data-классах, иначе десериализатор выбросит исключение. Это решается нормальными юнит-тестами на всех вариантах данных, но зачем себе в колени стрелять, если нужен конкретный фиксированный функционал и лишь малое число от всех полей, возвращаемых TDLib?
string recv = NativeInterface.Receive(10.0d);
if (recv != null) { JObject json = JObject.Parse(recv);
if (!handlers.ContainsKey(type)) { //Console.WriteLine("Unknown event type: {0}", type); continue; }
handlers[type](recv, json); }
Теперь переходим к самому интересному — обработке событий и реализации синхронного клиента, который позволяет без async/await просто запросить список сообщений и сразу же его получить (такой подход может быть полезен и юзерботам, которые не хотят размазывать стейты по всей программе). Почему без асинков? Честно сказать, мне они просто не нравятся: как привык к концепции wait/notify и коллбэков из Java, так их и юзаю всю жизнь :)
Сначала TDLib запрашивает параметры инициализации (стейт authorizationStateWaitTdlibParameters), затем если пользователь не авторизован — запрашивает номер телефона и код подтверждения (плюс дополнительные шаги для авторизации если они есть). В конце, TDLib возвращает стейт Ready, что означает готовность библиотеки к работе:
После этого, можно начать работу с данными. Обратите внимание, мой подход потоко-небезопасен, его нельзя дергать из нескольких потоков одновременно! В коде ниже, я вызываю метод для фетча сообщений, а затем в соответствующем коллбэке от TDLib обрабатываю данные (дабы статья не разрасталась на 20+ минут, я чуть урезал все листинги).
public List<Message> QueryMessagesInChat(long chatId, long lastMessage, int count) { messages.Clear();
public User QueryUser(long userId) { string json = Utils.Format("{\"@type\": \"getUser\", \"user_id\": \"{0}\" }", userId); NativeInterface.Send(InstanceID, json);
waitHandle.WaitOne(); return user; }
Переходим к реализации самого сервера, для наших целей хватит обычного HttpListener. Сначала мы зарегистрируем все поддерживаемые методы и занесем их в ассоциативный список ключ-значение. Сами методы реализованы в виде делегатов, которые принимают лишь один аргумент — список параметров из строки запроса, а возвращают строку — все ответы, за исключением особых (связанных с загрузкой вложений) — текстовые.
Переходим к обработке запроса. Метод ищет, зарегистрирован ли запрошенный метод и если да, то парсит строку запроса, которая начинается с "?", которую затем передаёт в виде коллекции ключ->значения обработчику метода:
А сами методы, в свою очередь, дергают соответствующие функции из клиента и формируют на их основе датасет в примитивном формате:
public staticstring QueryChats(Dictionary<string, string> args) { if(args.ContainsKey("count")) { int count = int.Parse(args["count"]); StringBuilder ret = new StringBuilder();
В результате получаем вот такой простой датасет, который, как я и говорил, легко распарсить и на Siemens C60, и на Atmega328 — да где угодно! В целом, такой сервер можно использовать для реализации бота в телеграме, который будет передавать показания каких-то датчиков, сигнализацию и прочие клевые штуки!
Переходим к реализации клиента, т.е. приложения на Android. Здесь будет не менее интересно!
❯ Пилим для Android
В геймдеве есть своеобразный мем — некоторые инди-разработчики сначала начинают делать меню, вместо основного геймплея, что становится предметом насмешек среди других разработчиков. Но в разработке приложений для смартфонов всё по другому — здесь как-раз таки хорошо заранее продумывать макет будущего приложения!
Поскольку у нас с вами мессенджер, то главный экран должен представлять из себя список чатов (ListView) и верхнюю панельку, где в будущем могут разместиться настройки и свайп-менюшка:
Такой вот простой макет.
Каждый пункт меню — это тоже отдельный layout, в котором мы по шаблону строим внешний вид будущего элемента списка. На немолодых устройствах есть смысл использовать как можно меньше контейнеров в layout'е, поскольку пересчет позиций и размеров элементов — одна из самых «тяжелых» операций в UI-фреймворке вообще. Кроме того, не стоит использовать кучу картинок и drawable — в Android 2.x всё 2D рисуется софтварно, аппаратное ускорение появилось только в 3.0 (частично).
Но дабы в списке диалогов что-то появилось, нужно сначала реализовать фетчинг (получение) этих самых диалогов с сервера! Сам объект, который занимается обработкой запросов называется ClientManager и является синглтоном — он в единственном экземпляре на все время работы программы. Помимо менеджмента «ноды» (т.е. прокси-сервера), токена для авторизации и обработчика ошибок, ClientManager реализует метод для асинхронного запроса информации с сервера и, собственно, формирует строки запросов с помощью соответствующих методов:
Подгрузка чатов и сообщений реализована через Adapter — концепция «виртуальных» списков, которая предполагает что система создаст не 50 элементов интерфейса на каждую кнопку чата, а только 5 и будет их виртуально «мотать по кругу», обновляя только данные в уже существующих элементах. Это позволяет значительно ускорить отрисовку, учитывая то, что Android 2.x Canvas рисуется программно.
Ну вы уже явно замучились видеть простыни кода, давайте посмотрим что у нас вышло!
Шустренько, да? А ведь это ультрабюджетник Alcatel OT-916D, один из последних массовых дешевых QWERTY-смартфонов за 5 000 рублей из 2012 года. Кстати, смартфон подарил мне читатель chuvakoff с Хабра!
Переходим к окну чата. Основной макет почти такой-же, как и у основного окна: только добавилась панелька для ввода сообщения снизу.
Концептуально, всё тоже самое — запрашиваем данные с сервера, парсим их и загружаем в адаптер, благодаря чему мы сможем листать наш диалог. Однако в сообщения я добавил контекстное меню с стандартными фишками типа копирования, ответа и прочих подобных действий. Поскольку у нас нет ни пушей, ни еще каких-либо средств для поулчения данных о новых сообщениях, я раз в определенный интервал просто получаю сообщения — и если новый датасет отличается от старого — обновляю окошко чата.
Переходим к реализации поля для ввода сообщения. Здесь всё просто — на серверсайде за это отвечает метод SendMessage. Однако для того, чтобы с нашего клиента можно было ответить на другие сообщения, я ввёл также «контекст ответа», в котором запоминается сообщение, на которое мы хотим ответить. Telegram также поддерживает Markdown, однако его полная поддержка пока не реализована.
В остальном же, функционал конечно пока совсем базовый, однако клиент работает очень шустро даже бюджетной X10 Mini Pro и позволяет чатится с моими читателями в Telegram. В будущем хотелось бы допилить:
Поддержка картинок: Сейчас уже есть кривоватый механизм кэширования изображений на стороне сервера, который позволяет загружать аватарки чатов. В будущем, я добавлю поддержку «галерей» с картинками!
Поддержка голосовых сообщений: Не все их любят, но они порой удобны и выручают. Реализую как прослушивание, так и запись!
Подробный просмотр профилей и менеджмент чатов: Удаление сообщений, чатов и прочие фишечки из официальных клиентов.
Казалось бы — до официальных клиентов ещё очень далеко. Но сам факт, чтобы всё это работало достаточно шустро на девайсах, которым уже более 10 лет!
❯ Звучит интересно! Как заюзать твой клиент?
Тут всё очень и очень просто! В первую очередь, нам понадобится ПК с белым IP, роутер (если под него есть сборка dotnet), либо VDS. Виртуальные сервера сейчас стоят копейки, у ТаймВеба есть тариф за 188 рублей в месяц, которого с головой хватит для нашего сервера.
Такая вот рекламная интеграция (к слову, прокси для всех приложений уже более года крутятся именно на мощностях TimeWeb Cloud)!
Программа сначала запросит номер телефона, а затем код подтверждения Telegram. После этого будет создана папка tdlib/, где будут хранится данные вашей сессии, а также файл authkey.txt, где хранится случайный ключ для сессии (md5 phone_number + response code + псевдослучайное число). Не оставляйте его в /var/www/!
Если всё нормально, программа начнёт слушать порт 13377 на всех сетевых интерфейсах, в т.ч и в локальной сети. После этого, ставим уже предварительно собранный, либо собираем сами в Android Studio APK и в окне авторизации пишем адрес ноды и ключ авторизации. Если всё настроено верно — программа запомнит сервер и будет работать без проблем! Вот так всё легко :) Как видите — всё очень и очень просто!
Кроме того, буквально за пару дней до публикации статьи я сел вечерком из интереса что-нить под Java-телефоны попилить… и, как и обещал, реализовал Proof of Concept возможности работы Telegram даже на сонериках, которым скоро 20 лет стукнет! А ведь если ещё чуть заморочится, можно запустить приложение даже на преусловутых монохромных сименсах!
❯ Заключение
Вот такой у нас получился проект с реализацией лёгкого, примитивного, но тем не менее рабочего клиента Telegram, который на клиентской части вообще не использует никаких зависимостей. Вес собранного APK в release-версии — всего 54 килобайта! Понятное дело что с ростом функционала, вес программы будет увеличиваться, но я обещаю — больше 1Мб он не вырастет :)
Ну а вам, моим читателям, надеюсь было интересно прочитать такой «двойной материал» не только о разработке сетевой части без использования Apache/nginx/IIS, но и UI-фронтэнда для Android-смартфонов, которым уже более 10 лет! Исходный код проекта можно найти на моём GitHub: как приложения, так и сервера, а также убедиться в отсутствии каких либо закладок и, если совсем не доверяете, собрать бинарники сами! Для сборки понадобится VS2017 или свежее, а также Android Studio 2.3.2 (если собираете для Android 2.1 и ниже).
Друзья! Сейчас на Хабре опросы сломаны, поэтому если у вас есть желание, вы можете проголосовать в комментариях: какой стиль статей вам больше нравится — где больше конкретики и кода с пояснением как конкретно работает та или иная часть программы, или наоборот стиль ближе к научпопу, где фрагментов кода нет, или их значительно меньше? Пишите своё мнение о проекте в комментариях!
Кроме того, у меня есть канал в Telegram, куда я публикую бэкстейдж статей, ссылки на новый материал, свои наработки, а также посты о ремонте девайсов и различные мысли.
Статья подготовлена при поддержке TimeWeb Cloud. Подписывайтесь на меня и @Timeweb.Cloud, чтобы не пропускать новые статьи каждую неделю!
Создать качественный и интересный контент. Публикуйте материалы, которые будут полезны и интересны вашей целевой аудитории.
Продвижение. Распространяйте информацию о своем канале, группе или профиле в других социальных сетях, сообществах и на своем сайте.
Взаимодействие с аудиторией. Отвечайте на комментарии, реагируйте на отзывы и предложения, делайте опросы и анкеты.
Проведение акций и конкурсов. Побуждайте пользователей подписаться на ваш канал, устроив различные акции и конкурсы с ценными призами.
5. Ютуб канал.
6. Рутуб канал ( как показывает практика набирает не много просмотров)
7. Группы взаимопиара, довольно действенный метод где по обоюдному согласию участники подписываются друг на друга, ставят реакции итд. незаменимая вещь, особенно на первых парах. Лично я нашел своих первых подписчиков именно в таких группах для примера ссылка на пост с одной из таких групп со списком каналов,которые сплотились и взаимодействуют между собой, помогая просмотрами,реакциями и советами: Взаимопиар