Oh Snap!

Please turnoff your ad blocking mode for viewing your site content

Обновление WooCommerce: надежное и всестороннее руководство

/
/
/
0 Views
Обновление WooCommerce: надежное и всестороннее руководство
Rate this post

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

На протяжении многих лет я понял, что есть четыре школы мысли среди владельцев магазинов, когда обновления WooCommerce roll round:

  • The Cowboy : Эти владельцы магазинов «обновили» без второй мысли. Тогда их магазин рушится вокруг них.
  • The Sofa Potato: Те, кто просто игнорирует обновления вообще, рассматривают их так, как будто их не существует.
  • The Scaredy-Cat: Эти владельцы магазинов имеют так много устаревших плагинов и тем, потому что они боятся того, что произойдет, если они попытаются обновить.
  • The Maverick: Наконец, это владельцы магазинов, которые запускают регулярные резервные копии, тестируют новые выпуски WooCommerce на стадии сайт, а затем обновить их сайт без проблем.

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

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

Потратьте немного времени, чтобы сэкономить много времени (и беспокойства) Позже

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

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

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

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

Когда я консультировался, я всегда был бы готов рассмотреть журналов изменений и форумов поддержки WordPress.org до обновления WooCommerce на клиентских сайтах. Часто, если когда-либо возникала проблема с обновлением, в 99% случаев кто-то еще сталкивался с проблемой, сохраняя мне массу времени (и хлопоты, связанные с проблемой). [19659002] Также нередко приходится ждать, пока авторы плагинов / тем не опубликуют свои собственные обновления для продуктов, связанных с WooCommerce, прежде чем вы сможете обновить свой сайт. Поэтому, будучи терпеливым и тратить время на проверку совместимости, можно действительно окупиться.

Обновление WooCommerce: Начало работы

Существует четыре основных этапа, когда дело доходит до обновления WooCommerce, и я обещаю, становится быстрее и легче в следующий раз!

  • Этап 1: Получение правильных инструментов
  • Этап 2: Подготовка
  • Этап 3: Обновление и тестирование промежуточного сайта
  • Этап 4: Обновление и тестирование живого сайта

Обновление WooCommerce: Инструменты

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

К счастью, есть инструменты, которые могут помочь ускорить процесс тестирования и сделать его менее скучным. Черт возьми, я думаю, что это на самом деле весело!

После бесчисленных испытаний и обновления WooCommerce за эти годы я рекомендую следующие инструменты:

  • Staging web site . Это не подлежит обсуждению. Вы должны никогда обновить свой сайт сразу после новой версии WooCommerce. Промежуточные сайты предоставляют среду тестирования, где вы можете нарушать вещи (обычно без последствий). Там вы можете запускать обновления, тестировать новые версии и просматривать, как ваш сайт может реагировать до обновлять ваш сайт в реальном времени. Если у вас нет промежуточного сайта, Kinsta может помочь вам – они предлагают среду с одним щелчком мыши.

    Создать сайт для создания WordPress

  • Инструмент визуального сравнения . Как узнать, изменился ли ваш сайт после обновления? Если вы запустите большой сайт с десятками страниц, отслеживание небольших изменений форматирования или даже виджетов, которые перестали отображаться, может занять некоторое время. С помощью инструмента визуального сравнения, такого как WP Growth, который мы собираемся использовать для этого урока, вы можете сделать снимок вашего сайта, нажать «Обновить», а затем сделать второй снимок, чтобы вы могли быстро увидеть, что изменилось. Важно отметить, что визуальное изменение не обязательно означает, что какая-то часть функциональности сломалась на вашем сайте, просто чтобы ее можно было сломать. Отличный обзор WP Growth от BobWP, которому уже пару лет, но он должен дать вам хороший обзор того, как он работает.
  • Инструменты сквозного тестирования: . Хотя инструменты визуального сравнения могут помочь вам быстро обнаруживают изменения в форматировании и дизайне вашего сайта, инструменты сквозного тестирования идут дальше, проверяя фактическую функциональность вашего сайта и обеспечивая большую уверенность, когда что-то не работает. Нажимая на свой сайт, чтобы завершить тесты, например, добавить товар в корзину и проверить, требуется время и старается довольно быстро, когда вы тестировали WooCommerce сто раз раньше. Благодаря сквозным средствам тестирования вы можете автоматизировать это, чтобы он автоматически выполнялся для вас. Для этого учебника мы собираемся использовать Robotic Ninja, наш автоматизированный сквозной инструмент тестирования для WooCommerce на обоих этапах и на живых сайтах. Мы рассмотрим, как настроить Robotic Ninja позже в этой статье.  Robot Ninja У WooCommerce также есть некоторые тесты E2E, с которыми вы можете справиться, если вы являетесь разработчиком.
  • Резервные копии: . Вы должны запускать регулярные резервные копии своего сайта. Некоторые из моих любимых инструментов резервного копирования включают BackUpWordPress, VaultPress и BackupBuddy. Если вас интересуют резервные копии баз данных, я бы рекомендовал WP Migrate DB Professional или просто использовать WP-CLI для быстрого экспорта. Если вы работаете с Kinsta, они обеспечивают автоматическое ежедневное резервное копирование, резервные копии вручную и резервное хранилище для всех своих планов.

     Резервное копирование в WordPress

    Резервное копирование в WordPress

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

Обновление WooCommerce: Prepping

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

Вот что я рекомендую:

  1. Повторно ознакомьтесь с сайтом, на котором вы обновление . Если вы не знаете, как ожидается, что ваш сайт будет функционировать (т. Е. Если это сайт нового клиента), сделайте несколько заметок. Это поможет облегчить некоторые тревоги, которые могут возникнуть, если вы запутаетесь в том, как сайт работает после обновления (это происходит чаще, чем вы думаете).
  2. Составьте список критических URL и функциональность вашего сайта (и клиентов). Это должно включать важные страницы на вашем сайте, такие как страница вашей домашней страницы, категории и продукта, страницы моей учетной записи, корзины и выписки.
  3. Проверьте, что ваши резервные копии являются текущими а если нет, запустите другую резервную копию. Повторно ознакомьтесь с инструментом резервного копирования. Самое главное, проверьте, что он работает правильно и что вы знаете, как вернуться к предыдущему снимку вашего сайта.
  4. Настройте WP Growth . Это займет всего минуту. Если ваша память и заметки не велики (как мой), WP Growth может помочь заполнить пробелы скриншотами вашего сайта – подумайте о них, как фотографии «до» в промо-акциях с потерей веса. Сделайте свой первый снимок сайта, чтобы у вас была визуальная базовая запись вашего промежуточного сайта, предварительно обновленная. Обычно он не сможет делать снимки экрана (вам нужны некоторые товары в вашей корзине) и защищенные страницы, но вот где следующий инструмент может помочь …
  5. Настройте робот-ниндзя . Если вы тестировали WooCommerce вручную, это та часть, где вы должны составить список тестовых сценариев, то есть открыть свой сайт, добавить продукт в корзину, перейти к оформлению заказа, ввести платежную информацию и т. Д. К счастью, робот-ниндзя может автоматически сделайте все это.
  6. На основании списка критических URL-адресов и функциональных возможностей, которые вы создали ранее, идентифицируйте любые другие части вашего сайта, которые вы хотите протестировать . Это может быть функциональность, например, формы контактов или всплывающие окна или такие вещи, как слайд-шоу или галереи. Вы можете проверить эти вещи вручную или, если вы более технически настроены, вы могли бы попробовать свои силы для автоматизации этого тоже (я включил некоторые ресурсы об этом позже в статье, но больше для разработчиков).
  7. Try что нового в версии WooCommerce которую вы хотите обновить, и совместимы ли ваши плагины. Опять же, потратьте некоторое время, чтобы сэкономить некоторое время и беспокойство позже. Я рекомендую проверить: анонсы выпуска на WooCommerce.com, журналы изменений, проблемы GitHub, форумы WordPress.org.
  8. Клонировать ваш сайт в вашей промежуточной среде . Если вы используете какие-либо плагины, в которых есть режим промежуточного уровня, например, подписки WooCommerce, включите его или просто отключите. Аналогичным образом отключите электронные письма. Дважды проверьте, что ваша промежуточная среда имитирует ваш сайт в прямом эфире как можно ближе. Я также хотел включить ведение журнала отладки в WordPress и WooCommerce на этом этапе, чтобы помочь в решении проблем по пути.

Обновление WooCommerce: обновление и тестирование промежуточного сайта

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

  1. Сделайте снимок своего сайта с WP Growth, чтобы у вас был визуальная базовая запись вашего промежуточного сайта, предварительное обновление.
  2. Run Robotic Ninja и убедитесь, что ваши тесты проходят.
  3. Обновите плагины и тему до версий, которые указаны как совместимые с версией из WooCommerce, которую вы хотите обновить до.
  4. Обновите WooCommerce на своем промежуточном сайте.
  5. Проверьте свои журналы на наличие очевидных ошибок, возникающих в результате обновлений, и сделайте быструю проверку, что вы все равно можете получить доступ к главной странице и область администрирования. Если вы получите белый экран смерти или застряли в какой-то другой невосстановимой ситуации, сейчас самое время вернуться к предыдущему снимку вашего сайта и решить некоторые проблемы самостоятельно или обратиться за помощью.
  6. Если все идет хорошо пока запустите WP Growth и получите второй снимок. Сравните ваши снимки до и после, чтобы посмотреть, что изменилось . Что замечательно в WP Growth, так это то, что он расскажет вам, как изменился ваш сайт с момента последнего моментального снимка, т. Е. Между вашими двумя наборами снимков может быть 7% -ное визуальное изменение. Хотя это не обязательно означает, что ваш сайт сломан, это может означать, что вам нужно настроить некоторые стили.
  7. Запустите Robotic Ninja снова, чтобы проверить, что ваш поток проверки все еще работает .
  8. Выполните любое другое руководство (или автоматические) проверки других функций на вашем сайте, таких как контактные формы.
  9. Если что-то не работает так, как вы ожидали, настало время сообщить и / или исправить что-либо, что нарушено. Если на вашем сайте установлен пользовательский код (то есть код, который не поддерживается сторонним разработчиком плагинов / расширений), вам необходимо исправить его и убедиться, что исправления применяются к вашему сайту на сайте до или после запуска обновления (в зависимости от по этому вопросу). Контроль версий, например, наличие вашего сайта в Git, может помочь вам лучше управлять изменениями . Там, где вы сообщаете об ошибках, будет зависеть от того, какие плагины вы используете, и о ваших механизмах поддержки.

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

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

Обновление WooCommerce: обновление и тестирование Dwell Website

После того, как вы обновили свой промежуточный сайт и обеспечили его бесперебойную работу, с любой неисправной функциональностью и всеми ошибками, сглаженными, вы «Готово обновить ваш сайт в реальном времени.

Теперь вы готовы обновить свой сайт. Вот что вам нужно сделать:

  1. Создайте резервную копию своего сайта. Удостоверьтесь, что вы не пропустите этот шаг.
  2. Сделайте снимок вашего сайта с WP Growth, чтобы у вас была визуальная базовая запись вашего живого сайта, предварительно обновленная.
  3. Run Robotic Ninja и убедитесь, что ваши тесты проходят. Это дает еще одну базовую ориентировку для предварительного обновления вашего сайта.
  4. Далее, в зависимости от того, как работают эта промежуточная и живая среда, вам просто нужно синхронизировать изменения между этапами и жить, или вам придется запускать обновление плагинов и кода еще раз. Если у вас есть хост, такой как Kinsta, вы можете вносить изменения в один клик.

     MyKinsta нажимают кнопку, чтобы жить

    MyKinsta нажимают кнопку, чтобы жить

  5. Проверьте свои журналы на наличие очевидных ошибок, возникающих в результате синхронизации, и сделайте быструю проверку, что вы все равно можете получить доступ к домашней странице и администратору площадь. Если вы получите белый экран смерти или застряли в какой-то другой невосстановимой ситуации, сейчас самое время вернуться к предыдущему снимку вашего сайта и решить некоторые проблемы самостоятельно или обратиться за помощью.
  6. Запустите WP Growth снова, чтобы у вас есть второй набор снимков. Сравните ваши снимки до и после снимков, чтобы увидеть, что-то изменилось.
  7. Запустите Robotic Ninja еще раз, чтобы проверить, что поток проверки по-прежнему работает должным образом.
  8. Выполните любые другие ручные (или автоматические) проверки других функций на вашем сайте, таких как контактных форм.
  9. Если вы исправляете и исправляете какие-либо проблемы раньше при обновлении промежуточного сайта, например, конфликтующего кода плагина и собственного кода, на этом этапе не должно быть слишком много проблем, если они есть.
  10. Сделайте окончательную визуальную проверку, если ваш сайт и дважды проверьте список критических URL-адресов и функциональности, чтобы убедиться, что все работает.

И все. Теперь ваш живой сайт обновлен!

Начало работы с WP Growth

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

 WP Boom

WP Growth

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

 Зарегистрироваться WP Boom

Зарегистрироваться WP Growth

Как только вы нажмете «Создать сайт», WP Growth получит работа с моментальным снимком вашего сайта.

 Первый снимок WP Boom

Первый снимок WP Growth

Затем страница обновится, и когда вы нажмете имя своего сайта,

 Последний снимок WP Boom

Последний снимок WP Growth

. Когда вы будете готовы сделать второй снимок, пожалуйста, просмотрите обзор своего моментального снимка, включая время, которое было сделано, количество страниц на вашем сайте. , просто вернитесь к панели инструментов WP Growth, выберите сайт, который вы хотите привязать, и нажмите «Снимки, выбранные вами».

 Снимки с моментальным снимком WP Boom выбранных сайтов

. Снимок снимка WP Growth выбранных сайтов

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

Начало работы с роботом Ninja

Robotic Ninja – единственный автоматизированный сквозной инструмент для проверки, разработанный специально для WooCommerce.

 Robot Ninja

Robotic Ninja

Когда вы подключаете свой магазин к роботу-ниндзя, он будет проходить через набор комплексных тестов используя реальные продукты и реальные платежи. Чтобы начать работу, зарегистрируйтесь бесплатно, войдите в свою учетную запись и нажмите большую зеленую кнопку «Let's Start …», чтобы подключить ваш первый магазин всего за Three шага:

 Robot Ninja welcome

Robotic Ninja welcome

1. Установите плагин Robotic Ninja Helper.

Вы можете скачать плагин Robotic Ninja Helper бесплатно на WordPress.org или просто установить его через панель инструментов WordPress вашего сайта.

 Плагин для робота Ninja WordPress

Плагин для робота Ninja WordPress [19659078] После того как вы установили и активировали плагин Helper, вернитесь на вкладку браузера с открытым сайтом Robotic Ninja и проверьте поле под названием «Я активировал вспомогательный плагин».

Текст должен стать зеленым, а кнопка «Шаг 2» станет активной, а также зеленой. Нажмите кнопку «Шаг 2.».

2. Введите URL-адрес своего магазина.

Следующим шагом будет ввести URL-адрес магазина, который вы хотите подключить к Robotic Ninja. После того, как вы введете действующий домен, нажмите кнопку «Проверить URL». После этого Robotic Ninja выполнит начальный тест, чтобы убедиться, что он может подключиться к вашему сайту.

 Добавить магазин WooCommerce

Добавить магазин WooCommerce

Если у вас есть проблемы с подключением, убедитесь, что вы очистили свой сайт WordPress кеш после установки плагина.

3. Authorize Robotic Ninja

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

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

 Авторизовать Ninja Robotic [19659118] Авторизовать Ninja Robotic 
</div>
<p> После нажатия «Утвердить» вам будет представлено сообщение «Поздравляем!». Нажмите на зеленую кнопку «Начать тестирование», чтобы продолжить. 
<div id= Начать тестирование Robot Ninja

Начать тестирование Robotic Ninja

Теперь, когда вы настроены, вы можете:

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

Автоматизированные средства тестирования

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

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

Если вы предпочитаете автоматизировать этот процесс, хотели бы иметь больше контроля над вашими автоматическими тестами или иметь высоко настраиваемый сайт или функциональность, я Рекомендуем проверить инспектор призраков и UseTrace. Оба являются отличными вариантами, если вы не знакомы с PHP и не хотите возиться со сценариями и кодом.

 Ghost Inspector

Ghost Inspector

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

В качестве альтернативы, если вы разработчик и хотите, чтобы ваши руки были грязными, Codeception – отличный выбор для разработчиков.

Wrapping Up

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

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

Используете ли вы инструменты визуализации / скриншотов при обновлении WooCommerce и WordPress? Какие другие инструменты и рабочие процессы вы используете для обновлений? Если у вас есть какие-либо вопросы по тестированию WooCommerce, дайте нам знать в комментариях ниже!

Сообщение «Обновление WooCommerce: безопасное и углубленное руководство» появилось впервые на Kinsta Managed WordPress Internet hosting.

  • Facebook
  • Twitter
  • Google+
  • Linkedin
  • Pinterest

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.