Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress

Как использовать Pantheon для настройки и поддержания сайта WordPress

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Use Pantheon to Set Up and Maintain a Production-Safe WordPress Site.
How to Automate and Optimize Your WordPress Development and Testing on Pantheon
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Russian (Pусский) translation by Ilya Nikov (you can also view the original English article)

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

При таком уровне профессионализма возникают новые потребности.

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

«Это работало на моем компьютере», может быть и такое, правда, но это не сделает разочарованного клиента более счастливым.

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

Установка Dev-Test-Live приходит здесь на помощь

Итак, как вы убедитесь, что ваш сервер не будет ломаться, когда вы выкатываете новое обновление, будь то новая версия вашей темы или обновление одного или нескольких ваших плагинов?

Тестирование в окружении, идентичном серверу, перед тем, как вживить ваши изменения.

Pantheon Architecture

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

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

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

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

Как Pantheon может помочь вам

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

Это означает оплату многих серверов, а также много работ по техническому обслуживанию.

На Pantheon этот подход встроен в сервис.

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

В этом уроке вы узнаете, как настроить сайт WordPress на Pantheon, а также безопасно разрабатывать и поддерживать его с помощью архитектуры Dev-Test-Live и контроля версий.

Давайте начнем!

1. Настройка сайта WordPress на Pantheon

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

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

Сначала перейдите на сайт Pantheon и создайте свою бесплатную учетную запись.

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

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

Шаг 1. Создание нового сайта WordPress.

После входа в систему вы увидите следующее представление:

Welcome to Pantheon

Нажмите «Создать новый сайт», чтобы начать создание первого сайта WordPress на Pantheon.

Name Your Pantheon site

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

Имена глобальны в Pantheon, поэтому выбор чего-то очень общего может привести к ошибке. В этом случае попробуйте что-нибудь еще.

Site Name already in use

Выбрав имя, нажмите «Создать сайт».

Затем вам будет предложено выбрать начальное состояние для вашего нового сайта. Вы можете начать новый сайт с нуля или импортировать существующий сайт Drupal или WordPress:

Configure Your Site

Выберите «Начать с нуля».

Ниже выбора вы увидите список различных стартовых пакетов или upstream'ов, так как они называются в Pantheon.

Эти потоки по умолчанию поддерживаются Pantheon, поэтому, когда новое обновление становится доступным для того, которое вы используете (WordPress, в нашем случае), вы можете легко обновить их на своем сайте через панель мониторинга Pantheon.

Install WordPress

Когда мы создаем сайт WordPress, нажмите «Установить WordPress».

Начнется установка. И через некоторое время сайт готов.

Your site is ready

Нажмите кнопку «Посетить панель инструментов Pantheon».

Шаг 2: Завершите установку и посетите сайт

Теперь у вас установлена совершенно новая версия WordPress, работающая на сервере разработки Pantheon, и ее можно получить через панель Pantheon Dashboard.

Your new WordPress site on the Pantheon dashboard

В верхней части экрана вы увидите три вкладки для разных серверных сред: Dev, Test и Live. Под каждой вкладкой вы найдете аналогичную структуру меню для поддержки этого сервера и развертывания кода и данных между средами:

  • Code: показывает лог изменений основного репозитория Git. В среде Dev, как мы вскоре увидим, это также можно использовать для фиксации кода для контроля версий.
  • Status: информация о состоянии среды, такой как использование базы данных, задания cron, требуемые обновления плагина WordPress и кеширование.
  • Database / Files: инструменты для экспорта, импорта и клонирования баз данных и загруженных файлов.
  • Errors. Ошибки PHP, зарегистрированные в выбранной среде.
  • Domains / HTTPS: инструменты для настройки пользовательского домена и сертификата SSL для среды. Эта функция доступна только для клиентов с оплачиваемыми учетными записями.
  • Backups: инструменты для резервного копирования базы данных среды. Платные клиенты также могут настроить автоматическое резервное копирование.
  • Security: опция защиты паролем среды, чтобы посторонние не могли видеть, над чем вы работаете, до того, как вы выложите изменения на боевой сервер.

Нажмите кнопку «Администратор сайта» в верхней левой части экрана. Это приведет вас к обычному потоку настройки WordPress:

Begin your WordPress setup

Вы также можете нажать кнопку «Посетите сайт в разработке», чтобы просмотреть сайт.

The new WordPress site running the Twenty Sixteen theme

Шаг 3. Создание тестовой среды.

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

Как мы видели выше, на панели инструментов Pantheon вы найдете вкладки для трех серверных сред: Dev, Test и Live.

Environment Switching Tabs

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

В промежутке между ними находится Test, среда, которая обеспечивает защиту вашего сайта в реальном времени от ваших ошибок. Прежде чем вы сможете выкатить что-нибудь в live на Pantheon, вам всегда нужно пройти Test среду, чтобы вы получили последний шанс проверить, что все работает правильно, прежде чем отправлять код на боевой сервер.

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

Давайте создадим для него тестовую среду.

Перейдите на вкладку «Тест».

First time seeing the Test tab

Поскольку это ваше первое посещение вкладки «Тест», вы увидите некоторую информацию о том, как работает тестовая среда.

Нажмите «Создать тестовую среду», чтобы клонировать среду вашего Dev окружения. На этом этапе и код, и данные из Dev клонируются, поскольку нет еще live среды. В будущих обновлениях код переходит из Dev в Test. Это потому, что идея заключается в том, что на тестовом сервере вы проверите свой код на данные, скопированные из живой среды.

Test environment created

Теперь тестовая среда готова.

Нажмите «Посетите тестовый сайт», чтобы проверить, что тестовый сайт выглядит так же, как сайт, работающий в вашей Dev среде. Вы также можете нажать «Администратор сайта», чтобы войти в свою панель инструментов WordPress. Используйте те же учетные данные администратора, которые вы определили для WordPress на сервере Dev.

Вы создали очень простую WordPress-установку с средой разработки и тестирования и готовы начать ее настройку.

2. Установка плагинов и настройка сайта WordPress.

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

Именно здесь мы находимся в центре работы с установкой Dev-Test-Live.

Настройка на Pantheon основана на управлении версиями: Pantheon поддерживает всю вашу установку WordPress, за исключением загрузки файлов, которые обрабатываются с использованием специальной файловой системы, в репозитории Git. Таким образом, при развертывании изменений в следующей среде все всегда синхронизируется, и вы никогда не потеряете свои изменения.

Это также означает, что единственный способ сделать обновления для тестовых и живых сред - это управление версиями. Вы не можете устанавливать плагины или темы на сервере Live так, как вы, вероятно, привыкли при работе с WordPress. В конце концов, это сломает идею тестирования перед выкладкой в боевую среду.

Итак, как вы устанавливаете и обновляете плагины и темы на своем сайте WordPress?

Шаг 1. Включите режим подключения SFTP.

Вы можете получить доступ к среде Dev вашего сайта в Pantheon двумя способами: с помощью Git или напрямую через SFTP.

Хотя использование Git полезно для некоторых более продвинутых вариантов использования (мы рассмотрим его позже в учебнике), часть красоты настройки Pantheon заключается в том, что с помощью SFTP вы можете использовать среду Dev в качестве своего сервера разработки. Таким образом, возможно даже пропустить наличие сервера разработки на вашем компьютере.

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

Итак, на данный момент убедитесь, что ваша среда Dev использует режим SFTP-соединения:

Choose the SFTP connection mode

В режиме SFTP вы вносите изменения в кодовую базу установки WordPress непосредственно на сервере, а затем, когда все выглядит хорошо, фиксируете свои изменения в Git с помощью инструментов на панели инструментов Pantheon.

Таким образом, вы можете использовать сайт Dev, поскольку вы будете использовать любой сайт WordPress и настраивать сайт с помощью панели инструментов WordPress так же, как и при настройке одного сервера.

Давайте попробуем это в действии.

Шаг 2. Установка плагина

В панели управления WordPress выберите «Плагины»> «Добавить новый». Затем выберите плагин, который вы хотите установить. Например, я установил JetPack от WordPress.com:

Plugin installed

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

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

Changes ready to be committed

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

Files with the most changes

Проверьте изменения, добавьте описательное сообщение фиксации и нажмите «Зафиксировать», чтобы зафиксировать изменения.

После завершения фиксации изменения доступны для развертывания на тестовом сервере. Для этого перейдите на вкладку «Test».

Там вы увидите следующее уведомление.

1 commit is ready to deploy

Это фиксация, которую вы только что сделали в среде Dev, теперь готова к развертыванию в Test.

Введите описательное сообщение журнала и нажмите «Развернуть код от разработки до тестовой среды».

Затем посетите панель инструментов WordPress тестового сайта, чтобы проверить изменения.

На странице «Плагины» вы увидите, что плагин установлен, но он еще не активирован.

The Jetpack plugin is now available

Это потому, что на Pantheon, в то время как код обновляется от Dev до живого сервера, изменения в базе данных, включая информацию о активных плагинах, текут по-другому, от Live к Dev.

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

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

Давайте посмотрим, как вы можете передать их из одной среды в другую.

Шаг 3. Развертывание параметров сайта с помощью контроля версий

Как мы помним, код или файлы в управлении версиями вытекают из среды разработки в сторону реального сервера. Таким образом, для перемещения настроек аналогичным образом наиболее естественным способом является сохранение их в управлении версиями.

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

Плагин WP-CFM читает параметры из таблиц опций WordPress и сохраняет их в текстовом файле, который затем может быть привязан к управлению версиями (помните, что вся установка WordPress, кроме каталога uploads, хранится в контроле версий и считывается в других средах).

Давайте двигаться дальше.

Следуйте инструкциям, приведенным в шаге 2 выше, чтобы установить плагин WP-CFM в среде Dev и развернуть его для тестирования. Затем активируйте плагин в обеих средах.

Теперь, когда плагин активен в обеих средах, мы можем использовать его, чтобы перенести параметры WordPress от Dev к Test. Если вам нравится, вы можете изменить некоторые параметры WordPress в этот момент, чтобы вы увидели, как изменения применяются к тестовому серверу (например, имя сайта является довольно заметным изменением).

На панели инструментов Dev-сервера WordPress нажмите «Настройки»> «WP-CFM».

WP-CFM

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

Select options to include in the bundle

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

В приведенном выше примере я выбрал все в WP Options, за исключением списка активных плагинов (потому что я хочу иметь возможность запускать сценарии активации плагина в каждой среде), но вы можете выбрать, что логично при настройке вашего сайта.

Когда вы довольны списком параметров, нажмите «Сохранить изменения».

После того, как вы сохранили пакет, вы увидите новые кнопки для него:

Buttons for using the bundle

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

Поскольку WP-CFM еще не создал файл экспорта, diff покажет все как добавленное:

WP-CFM Diff Viewer

Закройте всплывающее окно Diff и нажмите «Push», чтобы сохранить данные из базы данных в файл экспорта.

Теперь, когда вы вернетесь на вкладку Dev вкладки панели Pantheon, вы увидите, что WP-CFM создал файл JSON (wp-content/config/site_options.json), готовый к контролю версий:

1 changed file ready to be committed

Зафиксируйте изменения и разверните их в среде Test.

Затем на тестовой серверной панели WordPress перейдите в «Настройки»> WP-CFM.

WP-CFM on Test

Во-первых, вы заметите, что пакет Site Options теперь доступен также в этой среде.

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

Нажмите кнопку Pull, чтобы прочитать содержимое файла конфигурации и применить их в своей таблице WP Options. В всплывающем окне подтверждения, которое запрашивает «Импортировать настройки файла в DB?», Ответьте «ОК».

Теперь, если вы внесли некоторые изменения в свои параметры WordPress, прежде чем делать Push на сервере Dev, вы должны увидеть, что эти изменения также применяются к сайту Test.

Шаг 4: Перенос реальных данных из Live или Test в Dev

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

В среде Dev щелкните по Database/Files в меню слева.

Clone Database and Files

Здесь вы можете выбрать среду для клонирования данных (test / live) и хотите ли вы клонировать только базу данных или любые файлы, загруженные в эту среду.

У вас также есть возможность обновлять любые URL-адреса в базе данных, чтобы они соответствовали структуре URL-среды среды Dev.

Обратите внимание, что клонирование заменит все в базе данных вашей среды Dev, поэтому, если у вас есть какие-либо пользовательские изменения, которые вы хотите вернуть после клонирования, используйте WP-CFM, чтобы вставить их в текстовый файл перед выполнением клонирования.

Эта функция наиболее полезна для переноса данных из Live и Test в Dev, но вы также можете использовать ее для клонирования базы данных Dev для тестирования (и даже Live). Это может быть полезно, например, если вы создаете исходный контент сайта (страницы и, возможно, записи в блоге) в среде Dev, и хотите сразу же его протестировать перед созданием среды Live.

3. Работа с кодовой базой вашего сайта

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

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

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

Чтобы продемонстрировать, как вы можете это сделать, давайте создадим простую дочернюю тему для текущей темы по умолчанию «Двадцать шестнадцать» и доведем ее до тестирования.

Шаг 1: Используйте SFTP для подключения к вашему серверу Pantheon Dev

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

Это легко, и мы все, возможно, делали подобное на других серверах в Интернете.

Чтобы подключиться к серверу Pantheon, сначала на панели Pantheon Dashboard, нажмите кнопку «Информация о соединении STFP», чтобы открыть всплывающее окно с информацией о том, как подключиться к вашему серверу разработки.

SFTP Connection Instructions

Скопируйте информацию о Host и Username в свой FTP-клиент и используйте свой пароль Pantheon Dashboard для подключения к серверу. Обязательно используйте Port, указанный в инструкциях по подключению.

После подключения к серверу вы найдете всю свою кодовую базу сайта WordPress в каталоге ~/code.

Your WordPress installation is found under code

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

Многие FTP-клиенты, редакторы кода и PHP-IDE (например, PHPStorm и Eclipse) позволяют синхронизировать изменения кода напрямую с удаленным сервером, используя SFTP. Используя эти инструменты, вы можете сделать разработку еще быстрее с дополнительным шагом загрузки ваших изменений для автоматического тестирования в фоновом режиме.

Обратите внимание, что URL-адрес SFTP вашего сервера Dev может время от времени меняться, поэтому, если вы не можете подключиться, просто проверьте текущие учетные данные подключения из панели мониторинга и повторите попытку.

Шаг 2. Создание и загрузка вашей дочерней темы.

В качестве примера этого подхода давайте создадим простую дочернюю тему для темы по умолчанию «Двадцать шестнадцать». Поскольку это только для демонстрационных целей, мы нашу тему сделаем предельно простой с единственным файлом style.css, который изменяет фоновый цвет сайта на красный и файл functions.php для размещения таблицы стилей.

На вашем компьютере создайте каталог с именем twentysixteen-child и внутри него - текстовый файл с именем style.css.

Внутри style.css добавьте следующий контент:

Затем создайте файл functions.php со следующим содержимым:

Затем загрузите каталог вместе с его содержимым в каталог вашего Dev-сервера ~/code/wp-content/themes/.

The directory has now been uploaded

Теперь, когда вы перейдете на экран «Внешний вид»> «Темы» на своем сервере Dev WordPress, вы увидите, что новая тема теперь доступна для использования.

Идите и активируйте ее!

Activate the Twenty Sixteen Child theme

Теперь, когда вы посещаете сайт Dev, вы заметите, что его фон стал красным, как мы определили в файле CSS темы Child.

Шаг 3: Зафиксируйте свои изменения и разверните дочернюю тему для тестирования

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

При разработке сайта непосредственно в среде Dev с использованием SFTP важно помнить, что прежде чем вы вносите изменения в Git на панели Pantheon Dashboard, они не хранятся в контроле версий. Поэтому, чтобы быть уверенным, что вы не потеряете какие-либо важные изменения, не забывайте часто делать это, даже если вы еще не готовы вносить изменения в Test.

На вкладке Dashboard среды Dev вы заметите, что у вас есть незафиксированные изменения, готовые к совершению.

3 changed files ready to be committed

Введите сообщение о фиксации и нажмите «Зафиксировать».

На скриншоте выше вы также заметите, что в файле site_options.json есть файл, созданный WP-CFM. Это потому, что я добавил информацию об активации темы в этот файл конфигурации. Таким образом, новая тема активируется почти автоматически. Хотя в этом простом примере это не обязательно, рекомендуется принять во внимание будущие и более сложные настройки темы, которые вы можете создавать.

После того, как вы внесете изменения, разверните их в Test, используя шаги, описанные ранее, когда мы развернули наши установки плагинов. Затем, если вы запушили пакет параметров сайта, используя WP-CFM, используйте плагин, чтобы вытащить изменения в базу данных тестового сайта.

Теперь, когда вы посещаете страницу тестовой среды Внешний вид > Темы, вы должны увидеть новую тему как активную.

Twenty Sixteen Child as the active theme

Шаг 4: Работа с Git

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

Для этого снова на вкладке сервера Dev Code переключите режим соединения с SFTP на Git.

Switch the Connection Mode from SFTP to Git

Если у вас есть какие-либо незафиксированные изменения на сервере Dev, когда вы переключаетесь в режим Git, вы увидите всплывающее окно с просьбой подтвердить, что вы хотите сделать переключатель и потерять изменения.

Are you sure

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

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

Add an SSH Key

С помощью вашего ключа SSH вы можете начать работу с установкой WordPress с помощью Git.

Нажмите кнопку Git Connection Info в среде Dev, чтобы показать точную команду git clone, которую необходимо использовать, чтобы вытащить репозиторий Git вашего сайта на ваш локальный компьютер.

Git Connection Instructions

Запустите команду git clone в командной строке в каталоге, где вы хотите сохранить код на своем компьютере. Если вы предпочитаете использовать графический пользовательский интерфейс, все в порядке: вы можете пойти и использовать свой любимый Git-клиент.

Как только вы клонируете репозиторий Git, вы увидите, что каталог содержит всю вашу установку WordPress.

Git directory structure

Чтобы протестировать работу с Git, внесите небольшие изменения в дочернюю тему, созданную нами на предыдущих шагах.

Измените стиль style.css дочерней темы, изменив цвет фона на зеленый, а не на красный. Затем зафиксируйте изменение в git.

В каталоге проекта в командной строке введите следующие команды:

После того, как команда push завершена, зайдите в панель Pantheon Dashboard.

Там вы найдете свое изменение, указанное в журнале фиксаций, и когда вы заходите на сайт, вы увидите, что фон стал зеленым.

Commit Log shows the latest change

Итак, сделанное вами изменение теперь присутствует на сервере Dev, но также готово к развертыванию в тестовой среде.

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

Все зависит от вас и ваших предпочтений, а также от выбора между SFTP и Git.

Дальше, остальная часть рабочего процесса - развертывание изменений в Test и, наконец, Live - это то же самое, что и при работе в режиме SFTP.

Что дальше?

Теперь вы знаете, как настроить и запустить сайт WordPress безопасно, используя настройку Dev-Test-Live на Pantheon. Это даст вам долгий путь в обновлении, не беспокоясь о разрыве живого сервера.

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

До тех пор продолжайте экспериментировать с новым сайтом Pantheon!

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.