Создаем тестовый WordPress сайт на базе бесплатной облачной среды IDE Codio

Codio – облачная среда разработки, которая используется прежде всего в образовательном секторе, однако также доступна и для разработчиков-профессионалов. Сервис предлагает мгновенную среду программирования с поддержкой редактирования кода и широкого массива популярных языков программирования и программных компонентов.

codio

Сделав IDE доступной для пользователей через браузер, Codio устранил проблему, с которой сталкивались педагоги во время создания среды разработки для студентов. Проекты, созданные в Codio, доступны из класса и из дома, что помогает студентам продолжить обучение вне университета.

Codio предлагает бесплатный аккаунт, который дает 256 Mb памяти и 2 Gb места под проект. Остальные ценовые уровни рассчитаны на учителей, студентов, профессионалов, школы и университеты. Однако бесплатный аккаунт является идеальным для быстрого создания тестового сайта на WordPress, и мы покажем вам, как это сделать всего за пять минут.

Шаг 1. Создаем новый проект.

После регистрации в Codio вам предложат создать новый проект. Создайте новый проект, который будет содержать вашу среду разработки.

codio-projects-screen

Теперь вы можете выбрать из трех разных вариантов: проект с нуля, стартовый пакет, а также импорт из Github. Выберем «Starter Pack» («Стартовый пакет»).

codio-create-project

Далее мы перейдем к странице, которая перечисляет все сертифицированные стартовые пакеты, которые помогут легко начать работу со средой. Среди них имеются Angular, Node + Express, Drupal, Ruby on Rails и т.д. Есть десяток стартовых пакетов, которые сертифицированы и поддерживаются командой Codio.

codio-starter-packs

К счастью для нас, имеется также стартовый пакет для WordPress, который автоматически устанавливает MySQL, Apache и PHP. Это упрощает и ускоряет процесс установки, и вы сможете использовать последнюю версию WordPress через пару минут.

После выбора стартового пакета WordPress вы перейдете обратно к странице проекта. Бесплатные аккаунты могут создавать только публично видимые проекты, поэтому, если вам нужны приватные проекты, вам, возможно, понадобится обновиться до плана Pro.

Шаг 2. Настраиваем WordPress

После того как вы закончите создание проекта, вы будете перенаправлены к файлу readme для вашего проекта, где вы найдете инструкции по установке и настройке WordPress. Надеемся, вас не раздражает маленькая буква «p» в слове «WordPress» — досадная ошибка создателей сервиса.

Переходим к пункту «Configure Project» в главном меню и затем следуем инструкциям в терминале, чтобы запустить конфигурационный скрипт. Когда у вас запросят ваш пароль, нажмите Enter. Это единственное, что вам понадобится сделать в процессе настройки.

codio-configure-project

Шаг 3. Устанавливаем WordPress.

После того как настройка будет завершена, переходим к разделу WordPress Login в меню. Вы будете перенаправлены к обычному процессу установки.

codio-wordpress-install

Теперь вам надо будет пройти по следующему URL, чтобы войти в консоль.

http://theory-opera.codio.io:3000/wordpress/wp-admin/

Как только вы войдете, вам останется сделать последний шаг: перейти к разделу плагинов и активировать Permalink Fix & Disable Canonical Redirects Pack, который будет уже предустановлен. Посетите фронтэнд, и вы увидите обычный работающий WordPress сайт.

codio-wordpress-frontend

URL вашего сайта будет выглядеть примерно так:

http://theory-opera.codio.io:3000/wordpress/

В интерфейсе Codio вы можете легко редактировать ядро WordPress, файлы тем и плагинов, а также загружать новые файлы. Если у вас есть WordPress-проекты на Github, вы можете легко импортировать их в Codio, чтобы внести в них некоторые изменения и затем передать их обратно в репозиторий.

Облачная среда IDE очень похожа во многих отношениях на Koding. Установка WordPress в них осуществляется очень просто. Обе среды предлагают быстрый способ проведения тестирования, не создавая среду разработки на локальной машине. Если во время экспериментов вы что-то повредите, можно будет легко запустить все заново. Дружественная к пользователям среда Codio предлагает прекрасный способ обучиться работе с WordPress или протестировать некоторые аспекты своих решений (тем, плагинов и т.д.).

Поскольку среда Codio была разработана для педагогов, консоль имеет массу полезных руководств по Git, введение в HTML и CSS, а также введение в Javascript. Если в 2015 году вы планируете запустить свой проект на Ruby, Python или Angular, вы можете воспользоваться Codio для создания удобной тестовой среды и попрактиковаться с новыми для себя языками.

Источник: wptavern.com

Блог про WordPress
Комментарии: 9
  1. Looler

    Спасибо за статью, очень интересный сервис.
    Интересно, а свой домен нельзя припарковать туда?

  2. acid

    Классный сервис! Очень удобный. Может подскажите как при созидании проекта импортировать упакованный в архив wordpress. Потому как импортирую как обычный архив, файлы в древе отображаются а сайт отображается как ftp!

  3. Станислав

    А если я не программер, но мне нужно просто изучать, как работают различные готовые плагины и выглядят готовые различные темы — а локальный сервер устанавливать лень. Подойдет мне этот Кодио?

    1. Дмитрий (автор)

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

  4. Станислав

    Дмитрий, если бы 5 мин. Денвер последней версии уже давно не тот, последние версии php он не понимает.
    Находил какую то самопальную сборку Денвера, якобы с поддержкой всех актуальных требований — нет, этот глючит.
    Наконец, пробовал ставить ХАМРР — встал, но после решил установить сборку ВордПресс от Bitnami — она вроде встала, но при запуске стала выдавать сбой. И сам сервер потом стал давать какую то ошибку.

    И вообще все сборки от Bitnami на английском. Но мне то нужен русс ВордПресс — и как на ХАМРР установить русскую сборку?

    Да и просто времени нет разбираться с тем, что можно было бы (да, Вы правы!) установить за 5 мин.))((

    1. Дмитрий (автор)

      Я лично предпочитаю WampServer, с ним обычно проблем не возникало. Что за сборка от Bitnami? Первый раз слышу)

      Разворачиваем WampServer, накатываем оф. WordPress с оф. сайта, и среда для тестирования готова. Ну и потом плагины всякие ставим.

  5. Станислав

    Спасибо за совет, обязательно попробую этот сервер.

    Ну это вроде как не сборка, а инсталлятор, специально для ХАМРР, для установки на этот сервер самых разных движков. https://www.apachefriends.org/bitnami_for_xampp.html Только движки все эти инглиш-локализованы. https://www.apachefriends.org/ru/add-ons.html Так то вроде удобная штука, но только ХАМРР у меня на виндовс 8.1 что-то глючит.

    А вообще онлайн тест сервер нужен, потому что некоторые плагины реально с доступом в сеть связаны. Свой сайт у меня есть, но на нем испытания проводить — может, лишний раз поисковики гневать))

  6. Станислав

    Ну что такое((( Кодио — уже только триал на 30 дней.

    И даже WampServer не работает у меня на компе.((( Ошибка со входом в phpMyAdmin — что то с файлом mysqld.sock — то ли нет его, то ли не создается, когда он нужен. какая уж там установка за 5 мин.(((

    Денвер зачах(((

    Разве что только на бесплатных Бегет и Спринтхост можно сделать тестовые сайтики — только на родине и спасение)))

    1. Дмитрий (автор)

      «This error occurs due to multiple installations of MySQL, in the operating system.»
      Wampserver includes a MySQL server and you cannot have two MySQL servers at the same time.

      Перед установкой надо удалять все остальные MySQL экземпляры. Возможно, у вас в системе остался от Denwer, надо удалить перед этим, тогда такой ошибки не возникнет :)

Добавить комментарий

Получать новые комментарии по электронной почте.