Исходники webstartpage.ru
Привет, друзья.
Я подумал и решил, что выложить всем на обозрение исходники моего последнего проекта может быть весьма полезно. Так что вот они, держите.
Сайт отличается использованием файловых элементов и сборкой скриптов\стилей через Gulp. Если вы давно хотели узнать, как разрабатывают сайты MODX из PhpStorm — вот ваш шанс!
Для начала нужно установить pdoTools и HybridAuth. Затем нужно выгрузить исходники Startpage.
Внимание, работать только на чистом сайте! На рабочих проектах эксперементировать не нужно.
Итак, создаём директории на сервере (всё указано для modhost.pro):
Потом делаем символические ссылки, чтобы загружаемые файлы попадали в рабочие директории:
Дальше можно собрать и установить пакет вызовом через
Ключ для загрузки скриншотов нужно получить у screenshotmachine.com и указать в настройку sp_api_key.
Исходники скриптов и стилей находятся в _build/assets, также обратите обратите внимание на package.json и gulpfile.js в корне. Установка нужных javascript библиотек
Минификация и копирование их в рабочие директории:
Сборка скриптов и стилей самого дополнения:
Для работы сайта используется RequireJS, все скрипты подключаются по необходимости, после загрузки основного кода страницы.
Настройки для работы в PhpStorm примерно такие:
Таким образом я и делаю сегодня сайты на MODX, практически не открывая админку.
Я подумал и решил, что выложить всем на обозрение исходники моего последнего проекта может быть весьма полезно. Так что вот они, держите.
Сайт отличается использованием файловых элементов и сборкой скриптов\стилей через Gulp. Если вы давно хотели узнать, как разрабатывают сайты MODX из PhpStorm — вот ваш шанс!
Для начала нужно установить pdoTools и HybridAuth. Затем нужно выгрузить исходники Startpage.
Внимание, работать только на чистом сайте! На рабочих проектах эксперементировать не нужно.
Итак, создаём директории на сервере (всё указано для modhost.pro):
mkdir ~/www/Extras && mkdir ~/www/Extras/Startpage mkdir ~/www/Extras/Startpage/assets && mkdir ~/www/Extras/Startpage/core mkdir ~/www/Extras/Startpage/assets/components && mkdir ~/www/Extras/Startpage/core/components mkdir ~/www/assets/components/startpage && mkdir ~/www/core/components/startpage
Потом делаем символические ссылки, чтобы загружаемые файлы попадали в рабочие директории:
ln -s ~/www/assets/components/startpage ~/www/Extras/Startpage/assets/components/ ln -s ~/www/core/components/startpage ~/www/Extras/Startpage/core/components/
Дальше можно собрать и установить пакет вызовом через
http://yoursite.com/Extras/Startpage/_build/build.transport.phpЭто нужно сделать один раз, все дальнейшие изменения сразу вступают в работу, благодаря символическим ссылкам.
Ключ для загрузки скриншотов нужно получить у screenshotmachine.com и указать в настройку sp_api_key.
Исходники скриптов и стилей находятся в _build/assets, также обратите обратите внимание на package.json и gulpfile.js в корне. Установка нужных javascript библиотек
npm install --prefix ~/www/Extras/Startpage/_build/ npm link gulp
Минификация и копирование их в рабочие директории:
gulp copy --gulpfile ~/www/Extras/Startpage/_build/gulpfile.js
Сборка скриптов и стилей самого дополнения:
gulp watch --gulpfile ~/www/Extras/Startpage/_build/gulpfile.js
Для работы сайта используется RequireJS, все скрипты подключаются по необходимости, после загрузки основного кода страницы.
Настройки для работы в PhpStorm примерно такие:
Таким образом я и делаю сегодня сайты на MODX, практически не открывая админку.
Комментарии: 13
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Документация — это, конечно, хорошо, но рабочий проект — просто здорово!
А то показывает ссылку но фактически не ссылается
Вот так
s9942.h4.modhost.pro
Пароли для доступа:
Или может есть чистая?
Это не для разработки дополнений — это готовый сайт webstartpage.ru. Ничего выпиливать не нужно, можно просто посмотреть как я сейчас делаю сайты на MODX.