Гайд · Приложения и вайбкодинг
Свой Talanoa: почта как мессенджер
Gmail чатами: слева люди, справа переписка без цитат и подписей, ответ прямо из чата. Потом сервис с регистрацией и оплатой Kaspi.
8 шагов
Почта для себя (1–5), ИИ (6), сервис и оплата (7–8).
Шаг 1 из 8
Получи доступ к Gmail без пароля
Почту читаем через вход Google, пароль человек нигде не вводит. В Google Cloud создаётся проект, включается Gmail API, настраивается экран входа и ключ клиента для сайта. Пока Google не проверил приложение, подключить почту могут до 100 человек из списка тестировщиков, и Google покажет им предупреждение. Регистрация по имени и email работает для всех сразу. Чаще всего забывают добавить себя в тестировщики или адрес сайта в разрешённые, и окно Google закрывается с ошибкой.
Моя личная рекомендация: Один доступ «читать, отправлять, ставить метки» (gmail.modify) вместо трёх разных. Меньше вопросов на экране входа.
Доступ есть. Теперь письма нужно где-то показать.
Шаг 2 из 8
Возьми готовый интерфейс чата
Список людей, пузыри, поле ввода со скрепкой и меню рисовать с нуля долго. Есть открытый компонент vue-advanced-chat (лицензия MIT): подключается одной строкой и работает на обычной странице без сборки. Он ждёт целые массивы комнат и сообщений. Если менять их по одному элементу, экран не перерисуется.
Моя личная рекомендация: Сразу переведи тексты интерфейса на русский и выключи то, чего в почте нет: правку и удаление сообщений.
Интерфейс готов, теперь в него нужно разложить письма по людям.
Шаг 3 из 8
Разложи письма по людям
У каждого письма есть собеседник: отправитель, если письмо не твоё, иначе первый получатель. Все письма одного человека становятся одной перепиской, свежие сверху. Рассылки и адреса noreply уходят в раздел «Уведомления». Если определять своё письмо по метке «Отправленные», переписки перепутаются: Gmail ставит её и на письма с твоих адресов вида имя+метка@gmail.com.
Моя личная рекомендация: Сравнивай адреса целиком и определяй своё письмо только по адресу отправителя.
Письма разложены, но в каждом висят цитаты и подписи.
Шаг 4 из 8
Вычисти цитаты и подписи
В письме обычно три части: новый текст, цитата прошлой переписки и подпись. В чате нужен только новый текст. Цитату узнают по строкам «пишет:», «wrote:», блоку «От: … Отправлено: …» и строкам с «>». Подпись начинается после «--», «С уважением,» и «Отправлено с iPhone». Поиск слов через \b в регулярных выражениях не работает с кириллицей, и подписи на русском остаются в пузырях.
Моя личная рекомендация: Собери десяток настоящих писем из Gmail, Mail.ru, Outlook и iPhone и проверяй чистку на них после каждой правки.
Читать удобно. Теперь нужно отвечать.
Шаг 5 из 8
Отвечай прямо из чата, с файлами
Ответ уходит обычным письмом: тема «Re: …» и ссылки на прошлое письмо, чтобы у собеседника не сломалась цепочка. Файлы из скрепки идут вложениями. Картинки из писем видны прямо в пузыре, остальные файлы плашкой. Если не закодировать тему и имя файла, у получателя вместо русских букв будут знаки вопроса.
Моя личная рекомендация: Держи общий размер вложений до 8 МБ, так письмо гарантированно уйдёт через Gmail.
Почта для себя готова. Самое интересное делает ИИ.
Шаг 6 из 8
Добавь ИИ: выжимку, черновик и перевод
Выжимка отвечает на три вопроса: о чём переписка, что решили, что ждут от тебя. Черновик пишет ответ в тоне переписки, перевод переводит письмо иностранца, «ИИ-помощник» отвечает на вопросы по всей почте. Текст переписки уходит модели только по кнопке и нигде не хранится. Модель любит додумывать валюту и даты, поэтому в инструкции прямо пиши «не додумывай фактов».
Моя личная рекомендация: Для выжимок бери быструю дешёвую модель: ответ за 3–5 секунд.
ИИ стоит денег за каждый запрос. Значит, его можно продавать.
Шаг 7 из 8
Сделай сервис: регистрация и Pro
Регистрация через «Войти через Google» в один клик. Сервер проверяет вход у Google, хранит пользователя в базе SQLite и ставит сессию. Почта по-прежнему читается в браузере человека, на сервере нет ни паролей, ни писем. Если проверять Pro только на странице, его открывают правкой кода в браузере. Проверка должна быть на сервере.
Моя личная рекомендация: Ограничь число вызовов ИИ на человека в час. Это защищает от счёта за чужие эксперименты.
Осталось принимать деньги.
Шаг 8 из 8
Подключи оплату Kaspi и выложи на сервер
Pro оплачивается QR-кодом Kaspi через ApiPay: сервер создаёт счёт по товару из каталога, сам спрашивает статус и открывает Pro ровно один раз. Сервис живёт на твоём сервере на поддомене с HTTPS. Сумму нельзя передавать со страницы: её может поменять любой. Сумма только из каталога на сервере.
Моя личная рекомендация: Не принимай уведомления об оплате, если они не нужны, а спрашивай статус сам. Тогда подделывать нечего.
Собери это с ИИ
Я проведу тебя по шагам. Код пишет ИИ, от тебя только входы в аккаунты.
- Видео «Правила IT сломались», 15 минут: что изменилось и почему теперь это можешь ты
Подписки на сервисы, которые уже можно собрать в клубеот 3 075 ₽ в месяцСумма растёт с каждым новым гайдом
14 дней на возврат, если ты не дошёл до конца гайда.
Продолжай собирать
Интересные гайды
В клубе появляются новые инструкции для твоих проектов.
