Тип проекта: веб-сервис (SaaS), собственный продукт
Роль: разработка от идеи до продакшена (backend, frontend, инфраструктура, дизайн)
Роль: разработка от идеи до продакшена (backend, frontend, инфраструктура, дизайн)
Задача
Разработать сервис, который добавляет комментарии на сайты, собранные в конструкторе Tilda, где штатной возможности для обсуждений нет. Требования: подключение без навыков программирования, минимальное влияние на скорость загрузки сайта, полноценная модерация, защита от спама и работа на обычном шаред-хостинге.
Что разработал
Виджет комментариев, подключаемый к любой странице Tilda одной строкой кода в блоке HTML (T123). Один код работает на весь сайт: виджет автоматически определяет страницу (включая посты Tilda Feed) и показывает соответствующую ветку обсуждения.
Личный кабинет для владельцев сайтов: — управление проектами (несколько сайтов в одном аккаунте); — модерация комментариев: одобрение, скрытие, удаление, восстановление, корзина; — премодерация и массовые действия над выбранными комментариями; — настройка дизайна виджета (тема, акцентный цвет, цвет плашек, форма углов) с живым превью; — настройка полей формы (имя, фамилия, e-mail, телефон) и их обязательности; — ссылки на страницы, где оставлены комментарии.
Система авторизации: регистрация, подтверждение e-mail, восстановление и смена пароля (собственная отправка писем по SMTP).
Раздел суперадминистратора: пользователи, проекты, сводная статистика сервиса, блокировка аккаунтов.
Технологии
Чистый PHP 8, MySQL, ванильный JavaScript. Без фреймворков и внешних зависимостей — для максимальной скорости и работы на обычном хостинге. Архитектура виджета — изолированный iframe с обменом через postMessage. Развёртывание — автодеплой из Git.
Особенности реализации
Производительность. Весь код виджета — около 16 КБ в сжатом виде. Виджет загружается «лениво» (только при прокрутке к нему) и изолирован в iframe, поэтому не влияет на скорость загрузки основного сайта и не может нарушить его вёрстку.
Безопасность и антиспам. Подписанные HMAC-токены вместо cookies (корректная работа в iframe), привязка приёма комментариев к домену проекта, защита от ботов (скрытые ловушки, ограничение частоты, блокировка ссылок), CSRF-защита и единые лимиты ввода в кабинете.
Совместимость. Поддержка обычных страниц и постов Tilda Feed, превью-доменов *.tilda.ws для тестирования до публикации.
Результат
Готовый к продакшену сервис, который подключается к сайту на Tilda за несколько минут без программирования, не нагружает страницу и закрывает задачу живых обсуждений под контентом. Распространяется бесплатно.