Как настроить промежуточный сайт WooCommerce

Опубликовано: 2022-05-11

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

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

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

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

Что такое постановка?

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

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

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

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

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

Создание WooCommerce стало намного проще благодаря этому руководству Click to Tweet

Нужна ли вам постановка WooCommerce?

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

The Kinsta Uptime webpage, showing a collection of green squares, denoting a full day of uptime.
Страница Kinsta Uptime.

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

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

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

  • У вас есть достаточно времени, чтобы поработать над теми аспектами вашего сайта, которые вам нужны, не беспокоясь о простоях.
  • Промежуточный сайт никогда не повлияет на ваш рабочий сервер, поэтому у вас есть защита от ошибок.
  • Вы можете тестировать редизайн и обновления пользовательского интерфейса (UI), не затрагивая конечного пользователя.
  • Если у вас есть команда разработчиков, здесь существует естественное разделение труда. Они могут спокойно работать над дизайном и функциональностью вашего сайта, пока вы концентрируетесь на максимальном повышении производительности, используя проверенный дизайн.

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

Когда использовать постановку WooCommerce

Мы уже коснулись некоторых вариантов использования WooCommerce staging, но стоит дать вам более подробную информацию о некоторых конкретных ситуациях.

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

Это связано с тем, что обновление ядра, темы и плагина WordPress может повлиять на сайт так же сильно, как «Белый экран смерти» (WSoD) или другая ошибка. Эти типы обновлений по-прежнему вносят изменения в ваши файлы, и в случае несовместимости у вас будет сайт в автономном режиме.

The MyKinsta dashboard, showing a staging site's Plugins and Themes screen, with updates available.
Экран плагинов и тем MyKinsta.

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

  1. Вам нужно будет войти на сервер вашего сайта через безопасный протокол передачи файлов (SFTP).
  2. Затем вам нужно найти тему или плагин, вызывающий нарушение, что часто требует отключения всего и выполнения отдельных проверок.
  3. Оттуда вы захотите разобраться с функциями, которые дает вам тема или плагин. В первом случае ваш сайт, по всей вероятности, будет выглядеть сломанным, а во втором случае некоторые важные функции могут исчезнуть.

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

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

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

Как видите, промежуточный этап WooCommerce — это больше, чем среда разработки «песочницы».

Использование Staging в качестве резервной копии

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

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

The MyKinsta Environment backups page, showing one created backup, and the sidebar showing other MyKinsta pages.
Страница резервных копий среды в MyKinsta.

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

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

Варианты размещения WooCommerce

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

  • У вашего хоста могут быть способы настроить промежуточное размещение, но не все. Это хороший вариант, потому что вам не нужно будет переходить к еще одной панели инструментов и интерфейсу.
  • Существуют плагины WordPress, такие как WP Stagecoach и WP Staging. Многие советы предлагают такие плагины, как Duplicator, но он не может воспроизвести ту же функциональность, что и промежуточное решение.
  • Также есть возможность настроить промежуточный сайт вручную. Это будет техническая работа, и вам понадобится много опыта, чтобы осуществить это. Это может быть не лучший вариант для большинства, но он будет самым мощным.

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

Зачем рассматривать хосты со встроенным промежуточным размещением

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

Есть много преимуществ использования вашего хоста:

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

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

Почему Kinsta — идеальный хостинг для WooCommerce Staging

Среди множества функций, которые предлагает Kinsta, — надежная интегрированная постановка одним щелчком мыши для каждой установки WordPress, включая сайты WooCommerce.

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

Более того, вы можете создать полный рабочий процесс, если включите DevKinsta в его часть.

The logo for DevKinsta, showing a purple and caucasian hand in front of a computer showing the Kinsta logo.
Логотип DevKinsta.

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

У нас есть много информации о том, как работает постановка Kinsta в нашей базе знаний. Тем не менее, мы собираемся показать вам некоторые основы в остальной части статьи.

Как настроить постановку WooCommerce (с использованием Kinsta и DevKinsta)

В следующих нескольких разделах мы покажем вам, как настроить постановку WooCommerce, используя как функции Kinsta, так и DevKinsta в качестве локальной среды.

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

1. Планируйте свой рабочий процесс

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

Наше мнение состоит в том, чтобы использовать трехсторонний подход к вашему рабочему процессу разработки:

  • Локальный: вы будете работать над своим сайтом в изолированной среде на своем компьютере, что требует много времени и не требует давления. Тем не менее, вы не часто получите полное соответствие между вашей локальной установкой и рабочим сервером.
  • Постановка: это предложит онлайн-среду для тестирования изменений, которые вы вносите из своей локальной настройки, на сервере, который лучше представляет ваш живой сайт.
  • Live: это (конечно) ваш общедоступный сайт, а это значит, что его очень важно сохранить, пока вы вносите изменения в дизайн и обновления.

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

Боретесь с простоями и проблемами WordPress? Kinsta — это решение для хостинга, предназначенное для экономии вашего времени! Ознакомьтесь с нашими возможностями
  • Синхронизация базы данных: это одно из самых важных соображений, которые следует учитывать при подготовке WooCommerce. Вы часто будете перемещать действующую базу данных в локальную и промежуточную среды, но не будете возвращать эту базу данных полностью. В этом разница между хорошим промежуточным решением и инструментом миграции.
  • Синхронизация файлов. Как и в случае с вашей базой данных, вы должны подумать о том, как синхронизировать файлы, над которыми вы работаете, с вашим работающим сайтом. Может быть, вы не все пушите, только измененные файлы. Однако в полной синхронизации нет ничего плохого, если она имеет смысл.

Для некоторых разработчиков Git является важным посредником в процессе подготовки. На самом деле, Git отлично подходит для размещения вашей темы и файлов сайта с использованием подхода «push-to-deploy». Это позволяет вам работать на локальном сервере, отправлять файлы в Git и настраивать макрос или сценарий для развертывания этих файлов на промежуточном или рабочем сервере.

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

2. Настройте промежуточную среду

Мы можем сделать этот раздел коротким, потому что включить постановку в Kinsta так просто! Здесь есть три основных шага, которым вы должны следовать. Сначала войдите в свою панель управления MyKinsta и перейдите на сайт, который хотите разместить:

The Sites screen in MyKinsta, showing basic details and SFTP/SSH information for an individual site.
Панель инструментов MyKinsta, показывающая основные сведения о сайте.

Затем измените среду с Live на Staging . Вы делаете это из выпадающего меню в правом верхнем углу экрана.

A MyKinsta Sites page, showing a partial Basic details panel, and an open dropdown menu showing Live and Staging options.
Меню действий с окружением.

Как только вы нажмете кнопку, чтобы реализовать постановку, Kinsta сотворит свое волшебство и настроит все. Вам, вероятно, придется подождать около 15 минут или около того, прежде чем все будет готово к работе. Однако вы также обнаружите, что порт настроек Secure Sockets Layers (SSL) перекрыт, что избавит вас от лишнего шага.

3. Внесите изменения в постановку WooCommerce

Промежуточная функциональность Kinsta фантастична и работает практически со всеми средами разработки. Однако, если вы решите использовать приложение DevKinsta, вы можете получить доступ к нескольким дополнительным (и интересным) функциям, которые упростят работу с WooCommerce.

Вы захотите начать с процесса импорта в DevKinsta. Это очень просто, как только вы нажмете кнопку « Добавить сайт » — вы выберете «Импорт из Kinsta» из доступных вариантов:

The DevKinsta Create new Site screen, showing three options: New WordPress site, Import from Kinsta, and Custom site, in front of a macOS desktop background image.
Экран создания нового сайта.

Вы знаете, что делать с этого момента: Развивайте свой сайт!

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

4. Перенесите изменения из промежуточной стадии в действующую

Как и при импорте вашего сайта в DevKinsta, отправить эти изменения обратно на ваш сервер очень просто. Если вы нажмете на панель « Информация о сайте » в DevKinsta, вы увидите кнопку « Нажать на промежуточную »:

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

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

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

Вы сделаете это с панели управления MyKinsta. Когда ваша промежуточная среда появится на экране, посмотрите на правую сторону. Вы увидите раскрывающееся меню действий с окружением . Если вы выберете Push to Live из этого меню, произойдет очевидное:

The MyKinsta dashboard showing a partial settings panel, and the full Environment action dropdown menu, with the Push to Live option highlighted.
Опция Push to Live в меню действий Environment.

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

Хотите, чтобы ваш интернет-магазин работал, но при этом улучшал и обновлял его? Войти, постановка WooCommerce Нажмите, чтобы твитнуть

Резюме

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

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

Считаете ли вы, что постановка WooCommerce может принести пользу вашему бизнесу, и если да, то как, по вашему мнению, она вам поможет? Дайте нам знать в комментариях ниже!