Сопровождение сайта сети фирменных магазинов техники Apple

restore: — крупнейшая сеть магазинов и сервисных центров техники Apple в России, первый фирменный магазин которой открылся в 2005 году. В настоящее время сеть насчитывает 90 магазинов в 22 городах РФ.

Сайт re-store.ru является высоконагруженным e-commerce проектом, ежедневно в интернет-магазине продаются десятки различных товаров. Для обслуживания и обработки такого большого количества данных требуются ресурсы, особое внимание к грамотной архитектуре и масштабируемости сайта.
В условиях сложной архитектуры проекта, обусловленной большим количеством SKU, сложной логикой и требованием аптайма проекта 24 × 7, бизнес нуждался в надежной проактивной команде разработчиков, готовых поддерживать высокие стандарты, умеющих оперативно вести разработку и работать в параллель с другими командами.

В процессе погружения в задачи проекта обозначены проблемы:
— неудовлетворительное время загрузки страниц из-за комплексности используемых алгоритмов для расчета и отображения информации;
— децентрализация функционала и элементов верстки по коду.
— трудности в масштабировании проекта.

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

Изначально проект существовал в формате мультисайта с нахождением нескольких сайтов на одном ядре. При развитии re-store.ru бизнес-процессы остались похожими на другие проекты мультисайта, но были расхождения в деталях, что усложняло работу над проектом. И значительно увеличивало команду разработчиков.
Было принято решение об отделении сайта re-store.ru от мультисайта. Это позволило решить проблему с масштабируемостью проекта: исчезла необходимость тестировать каждый сайт мультисайта перед релизом каждой задачи, стало возможным изолированное последовательное обновление ядра Битрикс. Разделение баз сайтов также сказалось на улучшении производительности.

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

На проекте существовало два раздельных шаблона на двух доменах — для десктоп версии сайта и для мобильной, что порождало необходимость дублирования правок. В результате постоянного развития интерфейсов сайта использование Jquery перестало себя оправдывать: внесение правок в файлы размером в 1500 строк занимало много времени и порождало ошибки. Для решения данных трудностей интерфейсы сайта были приведены в соответствие с UI-kit, для обеспечения максимальной скорости и простоты изменения часто встречающихся элементов на сайте. Спроектирован, организован и осуществлен «бесшовный» постраничный переход на Vue.js фреймворк. Внедрение Vue.js происходило одновременно с рефакторингом текущего кода, что положительно отразилось на общей производительности сайта.

Сайт адаптирован под все виды устройств — от смартфона и планшета до компьютеров с разной диагональю экрана. При разработке строго соблюдались новые брейкпойнты, при которых происходит переключение адаптивов.

Проведены интеграции с сервисами:
- Forward
- Yandex Pay и Yandex ID
- Dynamic Yield

Обновленный сайт restore: — современный, быстрый и качественный проект на базе 1С-Битрикс с микросервисной архитектурой.
Усовершенствование архитектуры сделало интернет-магазин простым в сопровождении и доступным для масштабирования. Использование фреймворков Vue.js и Symfony позволило выстроить стандартизированную работу, которую можно автоматизировать.
Обновленный проект выдерживает экстремальные нагрузки без приостановки работы и не теряя скорости загрузки.