Главное Авторские колонки Вакансии Образование
Выбор редакции:
1 012 3 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Техническая сторона Supl.biz

Технический директор торговой площадки Supl.biz Алексей Красноперов поделился историей о том, как утроен проект изнутри – общая архитектура, инфраструктура, разработка и развитие
Мнение автора может не совпадать с мнением редакции

Общая архитектура проекта

b_54fe909125e1b.jpg

В основе проекта используются популярные фреймворки Django и AngularJS. Причём, чтобы добавить проекту остроты, фронтенд реализован как Single Page Application, на сервере использован python 3.4, а вся статика выложена в CDN.

Как ни странно, такой выбор технологий не добавил проблем при использовании сайта. Для индексации поисковиками применяется генерация страниц на сервере через PhantomJS. В результате и Google, и Яндекс отлично индексируют проект.

В качестве основного хранилища данных используется PostgreSQL 9.4. Также данные выгружаются в ElasticSearch для быстрого поиска и построения статистических отчётов.

За доставку писем отвечает отдельный пул Postfix серверов. Для нормальной доставляемости писем потребовалось настроить почтовые домены: SPF/DKIM/PTR, а так же правильно оформлять технические заголовки писем. В результате есть возможность отслеживать статус доставки каждого отдельного письма и чистить рассылку от неактивных пользователей.

Сервисы postmaster.mail.ru и postoffice.yandex.ru предоставляют статистику о почтовых рассылках. А Feedback Loop позволяет узнавать какие письма пользователи отправляют в спам и делать выводы.

Инфраструктура

Проект развёрнут в облаке Selectel в Санкт-Петербурге. Используются как облачные серверы, так и CDN для статики и пользовательских файлов. Облачная основа проекта позволяет вводить в строй новые серверы и масштабировать проект под текущую нагрузку.

На данный момент сайт размещается на одном сервере, этого достаточно для обработки 400 000 посещений в день.

Selectel, кроме прочего, предоставляет детальные отчёты по потребляемым ресурсам. Нет необходимости настраивать собственный мониторинг.

Для управления серверами используется Ansible: развёртывание, введение в строй новых серверов и обновление проекта – автоматизированы и запускаются в одну команду.

Разработка

Окружение разработчика максимально приближено к реальному окружению, в котором работает сайт. Для этого миниатюрная копия проекта развёрнута в виртуальной машине Vagrant. Это сводит к минимуму проблемы от различия окружений. К тому же нового разработчика можно ввести в проект всего за один час.

Для разработки применяется Git Workflow. Исходный код хранится в Git на Bitbucket. Новый функционал реализуется и тестируется в отдельных ветках, затем сливается в основную ветвь проекта.

На проекте настроен Continuous Deployment: каждый релиз автоматически публикуется и тестируется в песочнице. Если всё отлично – запускается публикация на рабочий сайт. В день, незаметно для пользователей, публикуется порядка пяти изменений сайта.

Для мониторинга крешей используется Sentry. Мы узнаём о произошедшей ошибке даже раньше, чем пользователь видит сообщение об ошибке.

Развитие

Есть много идей, как развивать проект. Делать их все не хватит никаких ресурсов. Да и зачем? Каждая идея превращается в гипотезу, реализуется минимальный необходимый функционал и проверяются метрики. Развиваются только успешно работающие идеи.

Ведутся работы по локализации сайта и выводу проекта за пределы России и СНГ.

Планируется запуск мобильного приложения: сайт AngularJS отлично запаковывается в приложение с помощью PhoneGap. Практическая возможность проверена, остаётся поправить UI для отображения на небольших экранах и можно запускать.

P.S.

Проект был реализован и запущен моими силами. С ноября 2014 г. к разработке присоединился еще один разработчик. Но мне нужны еще светлые головы для дальнейшего развития проекта. Приглашаю присоединиться к нашей команде.

Источник: http://habrahabr.ru/company/suplbiz/blog/249873/

+3
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Roman Postovalov
Очень красивая и полезная схема! Подскажите, в чем рисовали?
Ответить
Supl.biz
Электронная торговая площадка
Екатерина Рыжкова
Роман, спасибо! Рисовали в draw.io
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.