Разработка кастомного компонента Joomla: от идеи до внедрения

Наша компания занимается разработкой, поддержкой и обслуживанием сайтов любой сложности. От простых одностраничных сайтов до масштабных кластерных систем построенных на микро сервисах. Опыт разработчиков подтвержден сертификатами от вендоров.

Разработка и обслуживание любых видов сайтов:

Информационные сайты или веб-приложения
Сайты визитки, landing page, корпоративные сайты, онлайн каталоги, квиз, промо-сайты, блоги, новостные ресурсы, информационные порталы, форумы, агрегаторы
Сайты или веб-приложения электронной коммерции
Интернет-магазины, B2B-порталы, маркетплейсы, онлайн-обменники, кэшбэк-сайты, биржи, дропшиппинг-платформы, парсеры товаров
Веб-приложения для управления бизнес-процессами
CRM-системы, ERP-системы, корпоративные порталы, системы управления производством, парсеры информации
Сайты или веб-приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, конструкторы сайтов, порталы предоставления электронных услуг, видеохостинги, тематические порталы

Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента

Услуги, которые мы предлагаем
Показано 1 из 1Все 2062 услуг
Разработка кастомного компонента Joomla: от идеи до внедрения
Сложный
~5 дней
Часто задаваемые вопросы

Наши компетенции:

Этапы разработки

Последние работы

  • image_website-b2b-advance_0.webp
    Разработка сайта компании B2B ADVANCE
    1364
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1253
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    960
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1191
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    933
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Разработка веб-сайта для компании ФИКСПЕР
    950

Разработка кастомного компонента Joomla от идеи до внедрения — наш профиль с 2014 года. За это время реализовали 50+ компонентов для каталогов, CRM, маркетплейсов и B2B-порталов. Работаем строго по техническому заданию, передаём весь исходный код без ограничений и оказываем поддержку после запуска.

Кастомный компонент Joomla vs готовое расширение

Представьте: типовое расширение для каталога не поддерживает нужный фильтр, а допиливание его кода превращается в ад. Каждый обновление ломает изменения, а клиенты жалуются на тормоза. Знакомая боль? Мы сталкивались с этим десятки раз. Именно поэтому разрабатываем кастомные компоненты Joomla с нуля — под конкретную бизнес-логику, без компромиссов.

Критерий Готовое расширение Кастомный компонент
Функции Много лишнего Только нужное
Производительность Средняя, много запросов Оптимизированные запросы, индексы
Безопасность Unknown codebase Аудит и проверка
Масштабирование Ограничено Легко расширяется
Поддержка От вендора (часто платная) Мы поддерживаем и дорабатываем
Стоимость владения Высокая (подписки) Низкая (однократно)

Например, в проекте для сети магазинов мы заменили три платных расширения одним кастомным компонентом. Количество SQL-запросов на страницу сократилось с 50 до 5, TTFB упал на 40%, а LCP — на 35%. Бюджет на поддержку уменьшился втрое.

Процесс разработки кастомного компонента Joomla

Мы следуем проверенной методологии. Начинаем с аудита бизнес-требований и проектирования схемы БД. Затем создаём API на основе MVC-архитектуры. Каждый компонент проходит код-ревью и нагрузочное тестирование. Используем Namespace, PSR-4, Dependency Injection — это упрощает поддержку.

Архитектура компонента Joomla

Компонент — основная единица функциональности (согласно Joomla documentation). Имеет две части: Site и Administrator. Типичная структура:

com_catalog/
├── catalog.xml                    # Манифест
├── administrator/
│   └── components/
│       └── com_catalog/
│           ├── src/
│           │   ├── Controller/    # Контроллеры
│           │   ├── Model/         # Модели
│           │   ├── View/          # Вьюхи
│           │   └── Table/         # Таблицы БД
│           ├── tmpl/              # Шаблоны
│           └── services/
│               └── provider.php   # DI Provider
└── components/
    └── com_catalog/
        ├── src/
        │   ├── Controller/
        │   ├── Model/
        │   └── View/
        └── tmpl/

Манифест (catalog.xml)

<?xml version="1.0" encoding="utf-8"?>
<extension type="component" version="4.0">
    <name>Каталог товаров</name>
    <namespace path="src">MyCompany\Component\Catalog</namespace>
    <version>1.0.0</version>
    <files folder="components/com_catalog">
        <filename>index.html</filename>
        <folder>src</folder>
        <folder>tmpl</folder>
    </files>
    <administration>
        <files folder="administrator/components/com_catalog">
            <filename>index.html</filename>
            <folder>src</folder>
            <folder>tmpl</folder>
            <folder>services</folder>
        </files>
        <menu img="class:catalog">Каталог</menu>
    </administration>
    <install>
        <sql>
            <file driver="mysql" charset="utf8">sql/install.mysql.sql</file>
        </sql>
    </install>
    <uninstall>
        <sql>
            <file driver="mysql" charset="utf8">sql/uninstall.mysql.sql</file>
        </sql>
    </uninstall>
</extension>

Модель

// components/com_catalog/src/Model/ProductsModel.php
namespace MyCompany\Component\Catalog\Site\Model;

use Joomla\CMS\MVC\Model\ListModel;

class ProductsModel extends ListModel {
    protected function getListQuery(): \Joomla\Database\QueryInterface {
        $db = $this->getDatabase();
        $query = $db->getQuery(true);

        $query->select(['p.id', 'p.title', 'p.price', 'p.sku', 'p.category_id', 'c.title AS category_name'])
              ->from($db->quoteName('#__catalog_products', 'p'))
              ->join('LEFT', $db->quoteName('#__catalog_categories', 'c') . ' ON c.id = p.category_id')
              ->where($db->quoteName('p.published') . ' = 1');

        // Фильтр по категории
        $categoryId = $this->getState('filter.category_id');
        if ($categoryId) {
            $query->where($db->quoteName('p.category_id') . ' = ' . (int) $categoryId);
        }

        // Поиск
        $search = $this->getState('filter.search');
        if ($search) {
            $query->where($db->quoteName('p.title') . ' LIKE ' . $db->quote('%' . $search . '%'));
        }

        $query->order($db->quoteName($this->getState('list.ordering', 'p.title')) . ' ' . $this->getState('list.direction', 'ASC'));

        return $query;
    }
}

Вьюха

// components/com_catalog/src/View/Products/HtmlView.php
namespace MyCompany\Component\Catalog\Site\View\Products;

use Joomla\CMS\MVC\View\HtmlView as BaseHtmlView;
use Joomla\CMS\Factory;

class HtmlView extends BaseHtmlView {
    protected array $items = [];
    protected object $pagination;
    protected object $state;

    public function display($tpl = null): void {
        $model = $this->getModel();
        $this->items      = $model->getItems();
        $this->pagination = $model->getPagination();
        $this->state      = $model->getState();

        // Добавить toolbar для администраторов
        if (Factory::getApplication()->isClient('administrator')) {
            $this->addToolbar();
        }

        parent::display($tpl);
    }

    protected function addToolbar(): void {
        $toolbar = \Joomla\CMS\Toolbar\ToolbarHelper::class;
        $toolbar::title('Каталог товаров', 'catalog');
        $toolbar::addNew('product.add');
        $toolbar::deleteList('', 'products.delete');
    }
}

Типичные ошибки при разработке и их решение

  • N+1 запросы: Joomla-модели часто загружают связанные данные отдельными запросами. Мы используем JOIN и eager loading (как в примере выше).
  • Hydration mismatch: при кешировании возможны конфликты данных. Решение — чёткое разделение состояний и корректная работа с кешем.
  • Права доступа: ACL Joomla требует явных проверок в коде. Мы добавляем их в каждом контроллере.

Что входит в разработку компонента Joomla

Этап Длительность Результат
Анализ требований 2–5 дней Техническое задание
Проектирование 3–7 дней Схема БД, API-спецификация
Разработка от 14 дней до 8 недель Рабочий код
Тестирование 3–5 дней Отчёт об ошибках, покрытие >80%
Документация 1–2 дня Инструкции, readme

Сроки и стоимость

Сроки — от 14 дней до 8 недель в зависимости от сложности. Стоимость простого компонента — от 30 000 ₽, сложного с интеграциями и GraphQL — от 80 000 ₽. Мы фиксируем цену в договоре и предлагаем поэтапную оплату.

Как мы гарантируем качество?

Мы — команда с 10-летним опытом разработки компонентов Joomla, реализовали 50+ проектов. Каждый код проходит обязательное ревью и покрывается unit-тестами — покрытие от 80%. Используем Git Flow и автоматизированные проверки на CI/CD. Передаём весь исходный код без привязки к нашей команде. На все работы даём гарантийный период.

Частые ошибки при самостоятельной разработке компонентов Joomla
  • Отсутствие DI Provider — компонент не видит сервис-контейнер, возникает ошибка 500 при активации. Решение: создать services/provider.php с ComponentDispatcherFactoryInterface.
  • Прямые SQL-запросы вместо QueryInterface — нарушают совместимость с разными СУБД. Используйте $db->getQuery(true) и именованные параметры.
  • Пропуск uninstall.sql — таблицы остаются в БД после удаления компонента. Добавьте SQL-скрипт в секцию <uninstall> манифеста.
  • Некорректные права ACL — пользователи видят чужие данные или не могут войти в панель администратора. Проверяйте canDo('core.view') в каждом контроллере.
  • Нет namespace в манифесте — PSR-4 автозагрузчик Joomla 4+ не находит классы. Укажите <namespace path="src">MyCompany\Component\Catalog</namespace>.

Как начать разработку кастомного компонента Joomla?

  1. Опишите задачу — какие данные компонент хранит, какой интерфейс нужен (site, admin или оба).
  2. Бесплатный аудит — мы изучаем вашу Joomla, установленные расширения, схему БД.
  3. ТЗ и смета — фиксируем функции, архитектуру и стоимость в договоре до старта работ.
  4. Разработка итерациями — каждую неделю получаете рабочий инкремент для проверки.
  5. Сдача и поддержка — документация, обучение команды, гарантийный период 3 месяца.

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

Свяжитесь с нами для консультации — оценим проект бесплатно и покажем примеры подобных компонентов. Закажите разработку без риска — мы предоставляем фиксированную смету.

Headless CMS: Strapi, Directus, Sanity, Contentful, Drupal

Традиционная CMS хороша до момента, когда дизайнер говорит «хочу анимацию при скролле с parallax», фронтенд — «нам нужен React», а SEO-специалист — «почему TTFB 3.4 секунды». В этот момент монолитная архитектура начинает мешать всем сразу. Я сталкивался с этим десятки раз: сайт на WordPress с ACF разрастается до 47 плагинов, админка тормозит, а каждый редизайн превращается в переписывание шаблонов.

Headless CMS отделяет управление контентом от его представления. Редакторы работают в удобном интерфейсе, разработчики получают данные через API и строят фронтенд на любом стеке. Звучит просто. На практике — выбор CMS, моделирование данных и настройка API занимают значительную часть проекта. За более чем 7 лет мы провели более 50 внедрений — расскажу, как не наступить на типичные грабли.

Почему headless CMS выгоднее монолита?

Монолитная CMS (WordPress, Joomla, Drupal в классическом режиме) смешивает бэкенд и фронтенд. Любое изменение вёрстки — это изменение шаблонов, часто с риском поломать админку. Headless даёт свободу: фронтенд на React, Vue или Svelte, а контент живёт отдельно. Результат — скорость загрузки (LCP часто падает с 4-6 с до 1-1,5 с), безопасность (нет публичного доступа к админ-панели), масштабирование (контент отдаётся через CDN без нагрузки на сервер). Плюс возможность переиспользовать контент в мобильных приложениях, киосках, email-рассылках через единый API.

Какую headless CMS выбрать под проект?

Нет универсального инструмента. Выбор зависит от команды, сложности контента и инфраструктуры. Разберём ключевые варианты.

Strapi — open-source, self-hosted, Node.js. Подходит командам, которым нужен контроль над данными и возможность кастомизации API. Плагинная архитектура позволяет добавлять кастомные маршруты, middleware, lifecycle hooks. REST и GraphQL из коробки. Разворачивается за час — в 3 раза быстрее Drupal. Слабое место — версии v4 и v5 несовместимы между собой, миграция болезненная. Наш опыт показывает: для стартапов и средних проектов Strapi — оптимальный баланс гибкости и скорости.

Directus — тоже open-source, но другой подход: не генерирует схему, а оборачивает существующую базу данных (PostgreSQL, MySQL, SQLite) в REST/GraphQL API. Если база данных уже есть — Directus подключается к ней без миграций. Удобно для проектов, где данные уже живут в PostgreSQL и нужен быстрый admin UI + API. Экономия времени на этапе интеграции — до 30%.

Sanity — облачная CMS с real-time редактором. Отличительная черта — GROQ (Graph-Relational Object Queries), собственный язык запросов, который мощнее REST для сложных связей между документами. Portable Text для структурированного контента. Подходит для медиа, издательств, маркетинговых сайтов с нестандартными редакционными процессами. Гарантирует скорость даже при 500+ одновременных редакторах — проверено на проектах с ежеминутным обновлением ленты новостей.

Contentful — enterprise облачная CMS. Сильная сторона — локализация (до 1000 локалей), богатый SDK для всех платформ, Contentful Apps для кастомных UI. Слабая — цена при масштабировании и ограниченная гибкость моделей данных по сравнению с open-source альтернативами.

Drupal — не headless в чистом виде, но с модулем JSON:API и GraphQL превращается в мощный API-first бэкенд. Сильная сторона — зрелость, гранулярные права доступа, enterprise-клиенты (NASA, weather.com). Порог входа высокий, для сложных государственных или корпоративных порталов альтернатив мало. Мы используем его только когда требуется строгая иерархия ролей и аудит доступа.

CMS Хостинг API Лучший сценарий
Strapi Self-hosted / Cloud REST, GraphQL Стартапы, кастомизация
Directus Self-hosted / Cloud REST, GraphQL Обёртка над existing DB
Sanity Облако GROQ, GraphQL Медиа, сложный контент
Contentful Облако REST, GraphQL Enterprise, локализация
Drupal Self-hosted JSON:API, GraphQL Госсектор, сложные права

Последствия неправильного моделирования контента

Моделирование контента — критичный этап. Ошибка на этом этапе стоит дорого. Типичная проблема: поле body типа rich text для всего. Через полгода контент-менеджер хочет вставить видео между абзацами, добавить pull quote с кастомным стилем, встроить интерактивную таблицу. Rich text это не позволяет. Решение — Portable Text (Sanity) или кастомные компоненты в Strapi/Directus через Dynamic Zone. Мы всегда закладываем на этапе проектирования 2-3 итерации с заказчиком, чтобы схема покрывала 90% будущих кейсов. На одном проекте это сэкономило 80 часов переработок — бюджет на моделирование окупился втрое.

Как мы строим проекты на headless CMS

Фронтенд под headless CMS практически всегда идёт на Next.js (App Router) или Nuxt. Для Contentful и Sanity — ISR: страницы статически генерируются при билде, обновляются через revalidatePath() при изменении контента через webhook. Для Strapi/Directus с частым обновлением данных — SSR с cache: 'no-store' или SWR на клиенте.

Кейс: редизайн корпоративного сайта производственной компании. Предыдущий сайт — WordPress с ACF, 200+ страниц, 4 языка. Проблемы: TTFB 3,8 с, редакторы жаловались на медленный админ.
Перешли на Strapi (self-hosted, PostgreSQL), Next.js App Router. Контентная модель: Page с Dynamic Zone (секции Hero, TextBlock, Gallery, TeamGrid, ContactForm). Локализация через Strapi i18n plugin + next-intl на фронтенде. Деплой фронтенда на Vercel с ISR, ревалидация через Strapi webhook на entry.publish.

TTFB с 3,8 с упал до 180 мс (статика с CDN) — разница в 21 раз. Редакторы получили чистый интерфейс без 47 плагинов. Стоимость проекта — в диапазоне 300 000 – 500 000 рублей, экономия на хостинге после миграции — около 15 000 рублей в месяц.

Для понимания headless CMS и TTFB — рекомендую базовые статьи.

Процесс внедрения разбит на этапы:

  1. Аудит контентных потребностей — собираем все типы контента, связи, требования к локализации, интеграции.
  2. Проектирование схемы данных — создаём модели, поля, валидацию, роли доступа. Документируем в Swagger/OpenAPI.
  3. Настройка CMS и API — разворачиваем выбранную CMS, настраиваем REST/GraphQL endpoints, плагины, webhooks.
  4. Разработка фронтенда — подключаем Next.js/Nuxt, настраиваем ISR/SSR, компоненты секций, роутинг.
  5. Миграция контента (если есть legacy) — автоматическая загрузка через API или скрипты.
  6. Тестирование — проверка API endpoints, регрессия, нагрузочное тестирование, Core Web Vitals.
  7. Деплой — настройка CDN, SSL, CI/CD, мониторинг.

Сколько времени занимает внедрение?

Стандартный путь включает все этапы. Миграция с WordPress на headless CMS занимает столько же времени, сколько сам проект — часто больше. Особенно если в WordPress накоплены кастомные поля через ACF с нестандартной структурой. Наши средние сроки:

Тип проекта Срок
Простой сайт на Strapi + Next.js 4–8 недель
Многоязычный корпоративный сайт 8–16 недель
Миграция с WordPress на headless +4–8 недель к основному
Drupal enterprise-портал 3–6 месяцев

Стоимость рассчитывается индивидуально после брифа. Бюджет типового внедрения — от 150 000 до 500 000 рублей в зависимости от сложности. Экономия на хостинге за счёт статической генерации — до 40% в месяц.

Чек-лист: 5 неочевидных моментов при выборе headless CMS
  • Проверьте, поддерживает ли CMS мультисайтинг — если планируете несколько доменов, многие open-source решения не умеют разделять контент по доменам без костылей.
  • Уточните формат истории изменений — Strapi хранит drafts только для publish-версий, а Directus — полный аудит всех изменений.
  • Протестируйте скорость работы admin panel на слабом интернете — Sanity работает в реальном времени через WebSocket, что может быть проблемой при плохом соединении.
  • Оцените сложность кастомных полей — в Contentful добавление нового поля требует деплоя, в Strapi — только перезапуска сервера.
  • Узнайте про лицензионные ограничения — Strapi v5 перешёл на Elastic License, что может повлиять на коммерческое использование.

Что входит в работу

  • Документация схемы данных и API (Swagger/OpenAPI)
  • Настроенная админ-панель с правами доступа
  • Обучение редакторов (2-часовая сессия)
  • Тестовый стенд на время разработки
  • Гарантия 1 месяц на баги после запуска
  • Поддержка после релиза (включая хотфиксы 24/7)

Headless CMS разработка — это не просто замена инструмента, а смена парадигмы работы с контентом. Мы помогаем сделать этот переход без простоев и потери данных. Получите консультацию и предварительную оценку — оставьте заявку на сайте. Закажите внедрение headless CMS с гарантией результата.