Настройка среды разработки WordPress

Начало разработки нового веб-сайта требует тщательного планирования. Например, вы захотите решить, как подходить к стадии «в стадии строительства» проекта. Скорее всего, вам придется оградить потенциальных посетителей от просмотра вашего веб-сайта, пока он еще находится в разработке.

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

В этой статье мы рассмотрим два разных типа сред разработки. Мы также покажем вам, как начать работу с обоими вариантами. Если вы готовы, давайте погрузимся прямо сейчас!

Локальные и удаленные среды разработки

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

Локальная разработка означает, что все ваши файлы плагинов и тем WordPress будут храниться на вашем собственном компьютере вместе с основными файлами WordPress. Вы сможете просматривать свою работу по разработке в браузере, как если бы вы обращались к веб-сайту в Интернете. Однако файлы будут вызываться с вашего компьютера, а не с хост-сервера вашего сайта.

Удаленная среда разработки — это, по сути, то же самое, но все эти важные файлы веб-сайта будут храниться и извлекаться из удаленного места. Это означает, что вам нужно будет настроить или приобрести место для хранения. Однако, в отличие от обычного хостинга веб-сайтов, это удаленное расположение файлов будет доступно только вам или вашей команде.

Одним из основных преимуществ использования локальной разработки для WordPress является то, что вам не нужно подключаться к Интернету, чтобы работать на своем веб-сайте. Хотя для удаленной разработки требуется подключение, это лучший выбор, если вы хотите получить доступ к своей работе с любого компьютера.

Преимущества удаленной среды разработки

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

Кроме того, вы можете реализовать функции контроля версий, в зависимости от того, какое приложение удаленной среды вы решите использовать. Это означает, что у вас меньше шансов столкнуться с проблемами при разработке в команде.

Как настроить удаленную среду разработки

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

Шаг 1. Выберите и настройте приложение для удаленной разработки

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

Для этого вы можете использовать такой продукт, как DigitalOcean или Visual Studio.

Они различаются тем, что они предлагают, но в конечном итоге выполняют одну и ту же задачу. Например, с Visual Studio Code вы получаете сложный редактор кода, который становится средой разработки благодаря вашему выбору удаленных расширений.

Вы также можете использовать Amazon Elastic Compute Cloud (Amazon EC2) для удаленной разработки.

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

Шаг 2: Установите все необходимые инструменты и плагины

Независимо от того, какую среду удаленной разработки вы выберете, существует определенный стек приложений, которые вам понадобятся для настройки WordPress. К ним относятся:

• Линукс . Это операционная система (ОС), которая в идеале необходима для запуска WordPress. Мы вернемся к деталям позже, когда будем говорить о локальных средах разработки, но достаточно сказать, что при наличии следующих трех элементов они могут так же хорошо работать с другими ОС, такими как Mac и Windows.
• Апач . На работающем веб-сайте уровень веб-сервера — это место, где запросы браузера выполняются и возвращаются пользователям вашего веб-сайта. В среде разработки это также верно. Единственная разница в том, что ваш сервер не указывает на действующий домен.
• MySQL . MySQL — самое популярное и бесплатное решение для баз данных. Это очень важно для вашей среды разработки WordPress, поскольку именно здесь хранятся все данные, необходимые вашему веб-сайту.
• PHP . Всем остальным элементам в стеке нужен «голос», и здесь на помощь приходит PHP. Препроцессор гипертекста (PHP) — это язык, необходимый для работы WordPress.

Эти приложения называются «стеком LAMP», и их можно добавлять в удаленные среды разработки несколькими способами. Например, если вы используете DigitalOcean, вы будете работать с Droplets для создания стека LAMP для WordPress.

Если вы используете Amazon EC2, настройка для разработки WordPress немного более ручная, но все же ее можно выполнить примерно за пять минут.

Независимо от того, какую среду вы выберете, вам понадобится стек LAMP, чтобы начать разработку WordPress. К счастью, многие варианты удаленной разработки поставляются с LAMP в качестве простого варианта установки, что сэкономит вам много времени и усилий.

Шаг 3: доступ к вашей среде

Наиболее распространенный способ доступа к вашей среде разработки — через Secure Shell (SSH). Вот как вы можете подключиться к своему серверу с любого компьютера и использовать «удаленный» аспект этого подхода к разработке WordPress.

Специфика того, как вы подключаетесь, будет зависеть от выбранного вами продукта. Например, здесь, в WP Engine, у нас есть вариант шлюза SSH для разработчиков.

Преимущества локальной среды разработки

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

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

Настройка локальной среды WordPress

Настроить локальную среду WordPress довольно просто. Существует несколько локальных приложений для разработки, таких как Local by Flywheel, которые делают процесс установки невероятно простым.

Имейте в виду, что локальная разработка для WordPress по-прежнему требует стека LAMP. Однако в некоторых решениях будут использоваться такие термины, как WAMP или MAMP, поскольку они предназначены для использования с Windows или Mac OS, а не с Linux.

Шаг 1. Выберите и настройте локальное приложение для разработки

Есть несколько отличных приложений для локальной разработки на выбор. Мы уже упоминали Local by Flywheel, но Varying Vagrant Vagrants (VVV) — это еще один рекомендованный WordPress инструмент для локальной разработки. Если у вас уже есть план здесь, в WP Engine, вы также можете проверить локальное решение для разработки.

После того, как вы настроите выбранное решение, вы сможете начать разработку с нуля или импортировать существующий веб-сайт для работы. Например, с Local by Flywheel вы можете использовать ZIP- файл загруженного веб-сайта для начала работы. Если вы начинаете с нуля и разрабатываете новый веб-сайт, большинство локальных приложений имеют решения для установки одним щелчком мыши для настройки среды для использования с WordPress.

Шаг 2: выберите текстовый редактор

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

В WordPress есть несколько рекомендуемых текстовых редакторов для разработки, включая Atom, Sublime Text и PhpStorm. Есть и другие варианты, так что вы захотите работать с тем, что наиболее удобно и подходит для вашего существующего рабочего процесса.

Шаг 3. Выберите удобный для разработчиков веб-браузер

Поскольку вы по-прежнему будете просматривать проекты, разработанные локально, в веб-браузере, рекомендуется использовать браузер, ориентированный на разработчиков. И Chrome, и Firefox — невероятно популярные браузеры, которые поставляются с полезными наборами инструментов для разработчиков. Это может упростить отладку проблем и оптимизировать веб-разработку.

Разработайте что-нибудь потрясающее с помощью WP Engine

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

Ознакомьтесь с нашими планами и решениями для разработки WordPress, и позвольте нам помочь вам создать что-то потрясающее!