Еще десять лет назад при создании порталов и блогов стандартом де факто признавались классические CMS написанные на PHP или Perl. Технологии не стоят на месте и развитие Javascript, HTML и повсеместное внедрение API принесло с собой новые технологии создания сайтов.

Развитие Vue.js, который по сути является meta-React – технологией, впитав в себя самое лучшее, при этом упростив всё сложное и выкинув ненужное, новый фреймворк стал дальнейшим развитием всего, что впервые появилось в React.js.

Существует огромное количество библиотек, расширяющих возможности Vue.js. С помощью этого инструмента можно создавать, как простые лендинги, так и сложные информационные порталы или веб-приложения.

Strapi - https://strapi.io – фреймворк для управления контентом т.е. CMS. В отличии от Joomla или WordPress у него нет фронтэнда - графического представления информации хранящейся в базе данных, т.е. сайта, на который может зайти пользователь, а есть только панель администратора.

Все данные эта CMS отдает через API в формате JSON. Таким образом, во-первых, сам сайт может быть размещен на отдельном сервере, во-вторых появляется возможность горизонтального масштабирования.

Не говоря о том, что снижаются накладные расходы на вычисления, так как не используется PHP, а запросы API возвращают только текстовую информацию, которая загружается и отображается с помощью Vue.js, зачастую вообще без перезагрузки страницы!

Сегодня мы рассмотрим установку Strapi на сервер Alt Linux.

В рамках этого цикла я не буду рассматривать создание самого сайта на Vue.js. Эта тема сама по себе крайне обширна, и, чтобы не распылять силы я планирую каждый раз давать вам готовый проект для тестирования API. Скачать его вы сможете с GitFlic

Установка nodejs

Для работы нам понадобиться Node.js. Его установку мы уже рассматривали в этой статье.

Установка Strapi

Создадим папку для будущего сайта:

sudo mkdir -p /var/strapi/site1
sudo chown -R user /var/strapi
sudo chgrp -R user /var/strapi

Где user имя текущего пользователя.

Запустим установку Strapi: 

cd /var/strapi
npx create-strapi-app site1 --quickstart

После окончания установки в консоли появится сообщение: 

Building your admin UI with development configuration...
Admin UI built successfully
Project information

┌────────────────────────────────────────────────────────────────────────
│ Time               │ Mon Dec 19 2022 18:58:49 GMT+1100 (Магадан, ста… │
│ Launched in        │ 7750 ms                                          │
│ Environment        │ development                                      │
│ Process PID        │ 452156                                           │
│ Version            │ 4.5.4 (node v14.21.1)                            │
│ Edition            │ Community                                        │
└────────────────────────────────────────────────────────────────────────

 Actions available

One more thing...
Create your first administrator ? by going to the administration panel at:

┌──────────────────────────────
│ http://localhost:1337/admin │
└──────────────────────────────

А теперь нажимаем Ctrl+C и это важно, запускаем: 

npm run build

Ждем окончания сборки и запускаем: 

npm run develop

Если этого не сделать, вы будете постоянно получать ошибку: 

Warning: An error occurred while requesting the API

Создание первого администратора

Откроем в браузере адрес: 

 http://192.168.0.6:1337/

Где 192.168.0.6 – адрес нашего сервера

Откроется окно:

Нажмем Create the first administrator

Откроется форма регистрации первого администратора, заполним форму:

Нажмем, Let’s start

Откроется рабочее пространство Strapi

Мы установили Strapi.

Заключение

Сегодня мы рассмотрели установку Strapi в Alt Linux:

Установили Node.js;

Создали папки для сайта;

Установили необходимые пакеты с помощью npx;

Запустили сборку и сервер разработчика;

Подключились к панели администратора;

Создали администратора;

Вошли в рабочее пространство администратора Strapi.

В следующей части мы создадим необходимые элементы нашего будущего блога на API.