Пишем компонент для MODX Revo. Часть 1. Введение и настройка рабочего места.

30.09.2020
260

UPD: так как изначальная идея компонента в курсе изменилась, мы с вами будем реализовывать компонент под названием DARTSocials, где будем управлять списком ссылок на чаты в соц. сетях.

Приступим к настройке нашего рабочего места. При разработке компонента я использую IDE phpStorm от JetBrains. Данная программа платная, но у нее есть бесплатный демонстрационный период в размере 30 дней, чего нам должно хватить. Думаю, что с установкой данной IDE у вас проблем не возникнет.

Открываем программу и создаем новый проект SupplyManager.

Введение и настройка рабочего места

Далее нам необходимо создать сайт на любом из хостингов (я советую Timeweb, у них есть еще бесплатный период в 10 дней, да и хостинг не особо дорогой, нам подойдет самый дешевый тариф). В общем, создаем сайт и устанавливаем туда чистый MODX (скачиваем версию Advanced).

Когда мы установили MODX, то нам нужно настроить выгрузку нашего кода на сервер.

Введение и настройка рабочего места

Настраиваем наше подключение.

Введение и настройка рабочего места

И на вкладке Mappings, настраиваем куда именно будут заливаться файлы. Я создаю для этого папку extras.

Введение и настройка рабочего места

Далее нам нужно настроить Git (конечно, также стоит зарегистрироваться на Github) у себя на компьютере. Для этого необходимо скачать набор утилит git с официального сайта. Когда мы установим данную утилиту, то уже можно работать с git. Но нам нужно еще связать это дело с phpStorm. Для этого нам нужно перейти в раздел File -> Settings -> Version Control -> Git и настроить все примерно так:

Введение и настройка рабочего места

Все! Теперь мы можем подготовить наш проект для разработки. Для того, чтобы избежать рутинного начала у нас есть замечательное дополнение modExtra. Поэтому мы открываем консоль в phpStorm и пишем команду:


    git clone https://github.com/mot9igit/modExtra.git

Введение и настройка рабочего места

И у нас появится содержимое данного репозитория в проекте. По поводу назначения тех или иных папок мы с вами поговорим в следующей статье.  

Введение и настройка рабочего места

Замечательно! Сейчас мы можем переименовать наш проект с помощью скрипта rename_it.php. Но для начала нам необходимо загрузить все на сервер. Для этого кликаем правой кнопкой мыши по проекту и выбираем Deployment -> Upload to SupplyManager.

Введение и настройка рабочего места

Если вы все сделали верно, то у вас содержимое проекта загрузится на сервер. Проверить вы это сможете через FTP клиент, панель управления хостингом или админку MODX.

Введение и настройка рабочего места

Для переименования нашего проекта нужно перейти в адресной строке по URL: http://ваш.сайт/extras/modExtra/rename_it.php?name=нименования компонента латинницей. В моем случае ссылка приняла следующий вид - http://test7.dart.agency/extras/modExtra/rename_it.php?name=SupplyManager . Если переименование пройдет успешно на экране вы увидите строки с задействованными файлами. Отлично! Теперь папку с modExtra мы можем удалить и скачать наш новый дистрибутив с сервера предварительно немного изменив Mappings.

Тогда у нас получится красивый проект, который мы можем закоммитить на GitHub.

Чтобы сделать первый коммит нам необходимо создать репозиторий на GitHub. После создания репозитория GitHub нам подскажет как связать его с уже существующим.

Введение и настройка рабочего места

Выполняем данные команды в терминале phpStorm. Commit лучше делать через phpStorm, там мы можем отметить все файлы, которые попадут в коммит.

Введение и настройка рабочего места

Отлично! У нас с вами все получилось. Результаты данной статьи вы можете посмотреть в этом коммите. На этом мы закончили все подготовительные работы, я вас поздравляю!

Пишем компонент для MODX Revo. Часть 1. Введение и настройка рабочего места.

0 Число голосов: 2
5
5
1
2

Комментарии ()

Ваш комментарий будет первым!

Наши клиенты

Многие компании уже доверяют нам. Будьте в их числе!

Хотите реализовать проект?

Контакты

Напишите нам - мы расскажем вам много интересного!


Пермь, ул. Крупской 34, офис 510