MediaCMS

Розробка професійних вебсайтів, здатних витримувати великі навантаження, процес доволі складний та дорогий. Потрібно або тримати в штаті власних висококваліфікованих програмістів, які будуть його поступово створювати та згодом постійно вдосконалювати, або замовляти його створення іншій спеціалізованій організації. Обидва варіанти не з дешевих, тому дозволити їх собі можуть лише одиниці.

Для всіх інших існують доступні безплатні готові рішення на зразок WordPress з усіма наслідками: відносно низька швидкодія, якість коду та безпека. Цими недоліками на початках можна знехтувати поки проєкт молодий та тільки починає розвиватись. А що робити тим кому можливостей WordPress вже не вистачає та водночас відсутні необхідні ресурси для створення власного професійного високонавантаженого вебсайту?

Саме для цих організацій створена професійна система керування вмістом MediaCMS. Вона має як безплатну версію з базовим функціоналом, так і розширену платну. Це робить її доступною та надає можливість всім охочим отримати переваги використання якісного продукту. На ринку платформа займає проміжну нішу між простішою WordPress з одного боку та складною індивідуальною розробкою інтернет-видання під замовлення з іншого.

Масштабування

Дуже часто інтернет-видання зіштовхуються з проблемою перевантаження серверів. Це може бути викликано вірусною новиною, на сторінку якої відбувся великий одночасний приплив читачів з соціальних мереж. Або навіть банальною хакерською атакою, за допомогою якої на вебсайт надсилається велика кількість запитів за короткий інтервал часу. Особливо небезпечно, коли ці сплески активності припадають на обідній час — години максимального природного трафіку протягом робочого дня більшості інтернет-видань.

Системи керування вмістом створені переважно на основі класичної монолітної архітектури — весь програмний код може працювати лише на одному фізичному сервері. Попри свою очевидну простоту така архітектура має суттєвий недолік — масштабування системи може бути лише вертикальним, шляхом збільшення фізичних характеристик сервера. А це, своєю чергою, значно обмежує можливості витримувати великі навантаження.

Натомість програмний код MediaCMS має розподілену архітектуру та складається з трьох незалежних частин: головна частина (Main), панель керування (Panel) та сервер зображень (Image). Їх можна задіяти як на одному сервері, так і на окремих, що дає можливість використати для розширення не тільки вертикальне масштабування, а ще й горизонтальне. Такий підхід разом з окремим розміщенням сервера баз даних забезпечує блискавичну швидкість завантаження для ваших читачів в порівнянні з монолітною.

Швидкодія

Зазвичай програмний код виконується послідовно. Кожна наступна команда повинна дочекатись закінчення виконання попередньої, та лише тоді починає виконуватись сама. Під час роботи простих команд, які опрацьовуються швидко, проблем не виникає. А ось обробка складних команд, які для своєї роботи потребують багато виділених ресурсів, призводить до затримок часу.

Натомість програмний код MediaCMS виконується асинхронно. Програма не зупиняється в очікуванні результату складної команди, а швидко перемикається на виконання інших команд з потоку. А коли складна команда закінчить свою роботу, тоді програма отримає результат роботи й врахує в подальших алгоритмах.

Завдяки відсутності очікування закінчення виконання кожної команди істотно пришвидшується опрацювання коду в цілому. Найбільший ефект від цієї технології проявляється при високих навантаженнях на серверах з багатьма потоками (ядрами, процесорами). Саме такий комплексний підхід дає можливість вебсайтам, створеним на основі MediaCMS, обробляти значно більшу кількість запитів за одиницю часу порівняно з іншими системами зі синхронним виконанням команд.

Безпека

З метою підвищення рівня безпеки програмний код, що виводить публікації для читачів та їх редагує, розділений на дві окремі незалежні частини. Звернення до них відбувається за різними адресами (доменами). А використовуватись вони можуть на окремих фізичних серверах або навіть в різних дата-центрах. Головна частина системи (Main), відповідальна лише за показ публікацій, не містить функціоналу для редагування. Навіть у випадку її злому відсутня можливість для внесення змін.

Для редагування інформації в MediaCMS використовується окрема незалежна частина “Панель керування” (Panel). Її адреса відома лише вузькому колу осіб які займаються редагуванням контенту. Доступ до неї обмежено за допомогою обов'язкової авторизації персональним паролем користувача, який зберігається в хешованому вигляді. Додатково використовується reCAPTCHA для запобігання підбору пароля. Після авторизації взаємодія користувача з вебсайтом відбувається за допомогою індивідуально згенерованого токена Web Token (JWT) стандартизованого у RFC 7519.

На третьому рівні захисту доступ користувачів до редагування інформації додатково обмежений на основі типових ролей (читач, автор, редактор, головний редактор, адміністратор). Перша роль в переліку надає можливість лише читати та коментувати публікації. Кожна наступна роль надає ширші права доступу для редагування порівняно з попередньою. Користувачі панелі керування бачать в меню лише ті пункти, які їм дозволено використовувати згідно з їх ролями.

Інновації

Проєкт MediaCMS реалізовано на базі останніх стабільних версіях сучасних програмних технологій. Програмний код всіх трьох частин, як на стороні сервера, так і на стороні клієнта, написаний з використанням поширеної мови JavaScript. Такий універсальний підхід спрощує пошук розробників для підтримки проєкту і допомагає заощадити на їх кількості. А ще робить сам процес розробки надзвичайно легким і, відповідно, швидшим.

На серверній частині використана платформа Node.js, фреймворк Express.js, шаблонізатор EJS для генерації сторінок на головному сайті, система керування базою даних MongoDB для зберігання даних та розподілене сховище Redis для кешування параметрів на сервері зображень. На стороні клієнта використовується бібліотека React для панелі керування, набір інструментів Bootstrap, мова стилів CSS та мова розмітки HTML

Для редагування публікацій використовується сучасний гібридний онлайн WYSIWYG-редактор власної розробки на базі популярного редактора TinyMCE. Він дає можливість зручно редагувати контент одночасно як у вигляді сучасних блоків, так і у вигляді класичного WYSIWYG-редактора. А структура публікації зберігається не у вигляді звичного HTML, а у власному форматі на основі JSON для зручного динамічного використання в браузері.

Зовнішній вигляд головного сайту виконано із застосованням “гумового дизайну”, який дає можливість вебсайту автоматично підлаштовувати свій вигляд під пристрої різних розмірів. При цьому для економії трафіку одночасно адаптуються й розміри зображень. Зменшені копії зображень в широкому діапазоні по ширині (від 320 до 3840 пікселів) попередньо автоматично створюються під час додавання оригінальних зображень на сервер.

Доступність

Більшість незалежних інтернет-видань — це неприбуткові організації. Через обмежений бюджет дорогі платні професійні системи керування вмістом для них недоступні. І вони змушені користуватись дешевими чи взагалі безплатними рішеннями сумнівної якості. Внаслідок цього їм доводиться витрачати додатковий час на вирішення технічних проблем, пов'язаних з роботою вебсайту.

Наприклад, сайт може бути недоступний через перевантаження великою кількістю читачів, які намагаються одночасно прочитати популярну новину, а сервер при цьому не встигає обробити їх запити. Або взагалі піддатись хакерській атаці від людей, яким не сподобалась якась публікація. Особливо небезпечно, що в такі моменти читачі не можуть прочитати цікаві публікації та змушені читати їх на інших інтернет-виданнях, звідки часто не повертаються. Яка різниця наскільки цікаві у вас новини якщо читачі не можуть їх прочитати?

Щоб всі ЗМІ, незалежно від їх фінансових спроможностей, мали доступ до якісного продукту ми розробили безкоштовну версію MediaCMS з базовим функціоналом. Це дасть змогу запобігти більшості технічних проблем, пов'язаних з продуктивністю та безпекою. А для тих, хто прагне максимальну надійність ми створимо платну версію MediaCMS Pro, детальніше описану нижче.

Відкритість

Безплатна версія MediaCMS доступна як проєкт з відкритим початковим кодом (Open Source). Всі її частини розміщуються на GitHub — одному з найбільших вебсервісів для спільної розробки програмного забезпечення. На ньому спільнота, яка складається з мільйонів програмістів, працює в кооперації над мільйонами проєктів.

Такий підхід надає можливість будь-кому легко завантажити та ознайомитись з продуктом перед використанням. Технічні спеціалісти можуть перевірити його програмний код, з яким вони будуть надалі працювати. Також за необхідності вони можуть поставити питання, що їх цікавлять та висловити свої побажання.

Спільна робота багатьох програмістів над проєктом з відкритим програмним кодом теж дає свої переваги. Наприклад, такий підхід дає можливість швидше виявляти та виправляти помилки, ніж це відбувається на закритому проєкті, що робить систему більш стабільною. А можливість додавати свої пропозиції з вдосконалення коду пришвидшує його колективний розвиток.

Незалежність

Зазвичай програмні продукти поставляються з певним готовим функціоналом, який на думку розробників потрібен замовнику. Але у різних замовників різні погляди на те, які функції продукту їм потрібні. До того ж з тих чи інших причин не завжди існує можливість внести бажані для них зміни.

Система керування вмістом MediaCMS розповсюджується у вигляді шаблону інтернет-видання з базовим набором функцій. Як тільки ви завантажили проєкт з репозиторію GitHub, ви отримали свою незалежну копію проєкту. Надалі власні програмісти видання, які добре знають їх потреби, можуть вносити в них будь-які зміни: додавати нові можливості, міняти чи видаляти існуючі. Тобто з нею ви можете робити все що вам заманеться — повністю адаптувати її під свої потреби.

Безкоштовні оновлення коду є однією з найважливіших проблем WordPress. Після модифікації його коду вам доведеться відмовитись від всіх подальших оновлень, які перезапишуть внесені вами ж раніше зміни. Натомість система контролю версій GitHub робить процес оновлення проєкту дуже гнучким. Ви зможете оновлювати лише ті частини, які ви бажаєте оновити. У всіх інших частинах проєкту, наприклад де присутні внесені вами зміни, код не оновлювати.

Використання

Продукт MediaCMS вже успішно впроваджено на декількох українських інтернет-виданнях. Вона пройшла перевірку часом на реальних проєктах та витримала всі випробування. Замовники задоволені результатом та високо оцінили якість продукту.

Через відмінність між структурами даних нової та попередньої систем програмісти замовників під час впровадження розробляли свій унікальний конвертор даних. Також вони вносили необхідні їм зміни в систему з метою максимальної адаптації до своїх потреб. Це були як прості розширення функціоналу, наприклад додавання нових типів блоків в редакторі публікацій, так і складні фундаментальні зміни в структурі зберігання та виводу списку публікацій.

Під час звичайного тестування системи неможливо виявити всі помилки. Тому після впровадження системи співпраця між розробниками та замовниками не закінчується, а переходить в інший режим. Під час тривалої та активної роботи з проєктом користувачі додатково виявляють дрібні помилки. Всі вони оперативно та безкоштовно нами виправляються.

Професіоналізм

В безкоштовній версії системи присутній лише базовий функціонал — мінімум, достатній для діяльності інтернет-видання. Він реалізований з використанням простих алгоритмів та технологій. Як наслідок його легше опанувати, підтримувати та модернізувати. Зокрема його простіше використовувати як шаблон та швидко самостійно розширювати додатковим необхідним функціоналом.

Для тих, хто захоче більше можливостей матиме змогу придбати платну професійну версію MediaCMS Pro. В неї додається розширений функціонал, алгоритми та технології, притаманні промисловому стандарту. Ця версія рекомендована всім в кого є можливість її придбати.

Зокрема в ній додатково реалізована повна підтримка типізації TypeScript, використання різних фреймворків Next.js/Koa.js/Fastify, взаємодія з MongoDB за допомогою Mongoose, кешування даних за допомогою Memcached, логування за допомогою Winston, повне покриття тестами Jest, використання контейнерів Docker, підтримка багатомовності, пошуковий рушій Elasticsearch, платна підписка для читачів, темна тема оформлення та багато іншого.

Питання

• Чи можливо встановити MediaCMS локально на ноутбуці/комп’ютері/сервері?

  Так, архітектура системи керування вмістом MediaCMS дуже гнучка. Всі її частини (Main, Panel, Image) можливо використовувати як на одному вузлі, так і на декількох різних. Для розміщення разом їх всіх можна спочатку запустити на внутрішніх різних IP-адресах. А потім скористатися, наприклад, вебсервером Nginx в режимі проксі, для перенаправлення зі зовнішньої IP-адреси на внутрішні.

• Як перенести дані з наявної системи керування вмістом в MediaCMS?

  Інтернет-видання використовують різноманітні системи керування вмістом, кожна з яких має власну структуру зберігання даних. Відповідно для кожного з них необхідно написати власний унікальний конвертор даних. Краще, легше та швидше його зможуть створити власні програмісти, які добре знають свою власну систему.

• Чи можливо в редакторі публікацій MediaCMS використати класичний WYSIWYG-редактор, який зберігає дані в структурі HTML?

  Так, якщо інтернет-видання ще не готове до кардинальних змін формату публікацій. Для цього на відповідних сторінках редагування публікацій необхідно замінити інтегрований штатний гібридний WYSIWYG-редактор на класичний TinyMCE або подібний. Тоді публікація буде зберігатись у звичному форматі HTML замість штатного JSON.

Висновок

Раніше лише великі медіаресурси могли використовувати швидкі та надійні CMS. Це створювало нерівну конкуренцію та призводило до дисбалансу на ринку. Також це могло призводити до домінування в інформаційному просторі.

Безкоштовне рішення MediaCMS змінює правила гри на ринку медіа. Вона дає можливість не тільки великим інтернет-виданням, але й середнім і навіть маленьким відчути переваги якісного продукту. Це нівелює технічну різницю між вебсайтами для організацій різних розмірів та дозволяє зосередити зусилля саме на їх якісному наповненні.

Для переходу на нову систему вам достатньо зробити лише декілька простих кроків. Спочатку перегляньте її скріншоти в галереї нижче. Потім відвідайте демонстраційний вебсайт створений на MediaCMS за адресою під галереєю. Зрештою встановіть локально для тестування безплатну версію з репозиторіїв GitHub за посиланням поруч з попереднім.