DE{CODE}: рекомендации по развертыванию сайта с локальным

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

Слайды сессии

Полный текст стенограммы

КЭРРИ ДИЛС : Привет. Добро пожаловать в рекомендации по развертыванию сайта с помощью Local. Итак, как профессиональный веб-разработчик, вы уже знакомы с идеей разработки сайтов на вашем локальном компьютере, а затем развертывания их на рабочем сервере, а не на реальном сервере. Когда дело доходит до настройки этой локальной среды разработки, существует множество вариантов. У вас есть MAMP, WAMP, XAMPP или DesktopServer.

Для этого можно использовать множество различных инструментов. Мой личный фаворит — LocalWP. Это бесплатная доставка — извините. Он называется Local, но доступен на localwp.com. Это бесплатный инструмент для разработки. Его действительно довольно легко настроить, и помимо того, что он является местом для разработки локального сайта, он также имеет несколько опций для развертывания жизни вашего сайта. Но у него также есть много других полезных функций для вашего рабочего процесса, таких как маршрутный доступ по SSH, WPCLI, некоторая встроенная очистка кеша и даже SSL в один клик.

Итак, если у вас уже есть это, то вы готовы к работе. Если нет, то все в порядке. Поэтому, прежде чем мы даже поговорим о способах развертывания, давайте вернемся назад и поговорим о том, что на самом деле связано с переносом сайта WordPress. Так что думайте об этом как о двух вещах. У вас есть файлы и база данных. И когда мы говорим о переносе сайта, мы просто говорим о переносе этих двух вещей на конечный сервер. Понятно?

Все в порядке. Итак, если бы вы взломали установку WordPress или, возможно, сделали новую загрузку WordPress и открыли бы ее, вы бы увидели три основных файла — или, извините, папки, WP Admin, WPIncludes и WP Content, а также несколько файлов в этом корневом каталоге. Теперь в целях миграции, предполагая, что на вашем целевом сервере уже установлен WordPress, все, что вас беспокоит, это папка WP Contents. Так что там будут храниться ваши темы, ваши плагины, а также любые загрузки, которые вы сделали через администратора WordPress. Если вы загрузили медиафайлы, они также будут физически включены в эту папку WP Content.

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

[СМЕХ]

– FTP. Если вам нужно, по крайней мере, перейдите на SFTP или безопасный протокол передачи файлов, который добавляет уровень безопасности в этот процесс перемещения файлов. Или вы можете быть с хостом, у которого есть cPanel, который работает примерно так же. Это файловый браузер, и вы перемещаете файлы туда и обратно между вашим локальным сервером и вашим рабочим сервером. Так что это для заботы о файлах. А ты такой: подожди, Кэрри. Я помню, вы только что сказали, что у вас есть база данных, которую нужно переместить. И я ценю, что ты это помнишь.

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

[ВИЗЖ]

Это работает, это работает. Это делает работу. Но вам, вероятно, потребуется использовать плагин, такой как Better Search and Replace, чтобы заменить все эти URL-адреса разработки вашим действующим URL-адресом. Так что просто имейте это в виду.

Далее у нас есть плагины миграции. Мы официально перешли в будущее и находим более простые способы переноса сайтов с локальных на живые. Поэтому, когда дело доходит до плагинов миграции, их множество в репозитории плагинов WordPress. Некоторые из моих любимых: All-In-One Migration, Duplicater и WP Migrate DB.

Теперь, когда дело доходит до этого, они окажут вам другую помощь. Так что по сравнению с тем полностью ручным процессом, который мы рассматривали с cPanel или SFTP. Они будут делать некоторые приятные вещи, например, когда они подготовят вашу базу данных, они будут идти вперед и помогать вам с этим URL-адресом — локальным для обмена URL-адресами. И он упакует ваши файлы для вас, но вам все равно придется что-то делать с этими файлами на принимающей стороне. И каждый из этих плагинов работает немного по-своему, но они помогут вам в процессе перехода на местную жизнь.

Я был бы упущен, если бы не упомянул о своем любимом подключаемом модуле для этого — Migrate DB Pro. Это создано Брэдом Туэснардом и его командой из Delicious Brains. И то, что делает этот плагин, на самом деле является плагином для оптового развертывания. Таким образом, он возьмет ваши файлы, вашу базу данных, позволит вам получить подробную информацию о том, какие таблицы вы хотите переместить, а затем отправить их в вашу рабочую среду. Теперь, поскольку это удивительный инструмент, он работает — вам придется вытащить свой кошелек, чтобы использовать его. Но это огромная экономия времени.

Но ты можешь подумать, Кэрри, я думал, мы говорим о Местных. А мы говорим о Местных. Раньше нам приходилось делать резервную копию, смотреть, что было связано с процессом миграции, а затем придумывать способы переноса сайта. Теперь WP Migrate DB Pro просто великолепен. Но когда дело доходит до Local, вы также получаете локальную среду разработки. Но подождите, это еще не все. Вы получаете то, что называется Local Connect и Magic Sync, то есть возможность выполнить развертывание одним нажатием из вашего локального устройства в реальном времени. И это на самом деле позволяет вам пойти и в другом направлении, если вы хотите тянуть. Но мы сосредоточены на развертывании для этого.

Единственная проблема в том, что Local Connect работает с двумя веб-хостами, Flywheel и WP Engine. Теперь я знаю, что многие из вас, смотрящих это, возможно, уже имеют эти аккаунты. Это потрясающе. Если вы этого не сделаете, не бойтесь, есть несколько бесплатных способов попробовать их.

Итак, Flywheel, вы можете создать новый демонстрационный сайт, раскрутить его и использовать для игры с Local Connect. И затем, аналогичным образом, с WP Engine вы можете создать бесплатную учетную запись партнерской программы, которая поставляется с сайтом, который вы можете подключить к Local.

ХОРОШО. Вы все готовы к демонстрации? Я услышал твердое «да». Итак, я собираюсь продвигаться вперед с демонстрацией. Конечно, что может пойти не так?

[СМЕЕТСЯ]

ХОРОШО. Поэтому, когда дело доходит до процесса развертывания, у вас должен быть сайт для развертывания. Итак, я в своей учетной записи WP Engine. Я создаю локальный сайт и говорю, что это промежуточная среда. И мы продолжим и добавим это. Теперь вернемся к Local. Во-первых, мне нужно подключить Local к моему хосту, в данном случае к WP Engine.

Я собираюсь войти в систему, и это дает мне несколько ссылок. Я собираюсь посетить эту верхнюю ссылку. Это возвращает меня к моей учетной записи WP Engine, и там я могу сгенерировать свои учетные данные. Итак, это дает мне имя пользователя и пароль API. Позвольте мне продолжить и скопировать это, перейти к Local, вставить это и сделать то же самое для пароля. И сейчас мы находимся в процессе подключения к WP Engine. И то, что вы видите здесь, — это список всех сайтов, которые я разместил на WP Engine, которые теперь доступны мне и локально. И обратите внимание, что я могу вывести их прямо на Local. Но, опять же, мы говорим о другом направлении здесь.

Хорошо, так что вы со мной до сих пор? Мы создали сайт на нашем хосте, на который мы собираемся отправить наш локальный сайт, и мы также подключили локальный инструмент к WP Engine. Ладно, двигаемся вперед. Теперь пришло время на самом деле проверить сайт, который я разработал локально, и он чертовски скучный, но я просто хочу, чтобы вы увидели, что это такое, чтобы у нас был контекст для его отправки вверх по течению.

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

ХОРОШО. Итак, мы начали процесс пуша. Это включает в себя загрузку файлов. Мы говорили о перемещении файлов

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

[СМЕХ]

Теперь он выполняет поиск и замену URL-адресов, о которых мы упоминали, и проверяет префикс таблицы базы данных, чтобы убедиться, что он совпадает между локальным и реальным. Итак, через этот процесс развертывания, и я даже вижу в нижней части экрана, сколько времени прошло с момента моего последнего развертывания. Итак, давайте вернемся к моей учетной записи WP Engine. Я собираюсь открыть тот сайт, который я только что нажал. И если мы посетим его, вы увидите, что это сайт, который у нас только что был локальным. Опять же, это не что-то супер особенное, но это так. И просто чтобы показать вам ситуацию с URL-адресом, вы можете увидеть, что он действительно обновился до действующего URL-адреса. Так здорово.

Все в порядке. Все еще со мной? Подводя итог, до сих пор мы брали живой сайт — или, извините, локальный сайт, который мы разработали на месте. Мы создали сайт на целевом сервере. Мы подключили локальный к нашей учетной записи WP Engine, а также подключили определенный сайт к WP Engine. А потом, вуаля, одним нажатием кнопки все делается. Он заменяет URL-адреса. Это разоряет кеш. Он также делает резервные копии во время процесса на случай, если что-то пойдет не так. Итак, развертывание с помощью локального — это до смешного просто. В первый раз, когда я увидел это, я был продан.

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

ХОРОШО. Итак, я снова в Local. И если я зайду в «Локальные настройки», там есть кнопка, которую я могу переключить для MagicSync. И включите это, и просто подайте заявку. Хорошо, теперь мне нужно создать или добавить что-то на мой существующий локальный сайт, чтобы я мог показать вам, как работает MagicSync. И я собираюсь сделать это, добавив тему в мою локальную установку WordPress. И мы просто пойдем с 2021.

Это не имеет значения. Опять же, просто показываю вам пример того, как это работает. Так что активировать не надо. Итак, возвращаясь к Local, я снова нажму Push. И на этот раз вы заметите — вот оно, окно MagicSync. И если мы прокрутим вниз, вот она, тема 2021 года. Мы видим, что он присутствует в каталоге файлов локально, и что если бы мы нажали его, он был бы добавлен в эту удаленную среду.

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

Итак, возвращаемся к WP Engine. Давайте посмотрим на живой сайт. И если я зайду в темы, там я это увижу. Эта тема 2021 года есть. Это так классно. Итак, вот как работает MagicSync в двух словах. Итак, опять же, вы можете использовать MagicSync как часть процесса развертывания или просто придерживаться Local Push, и это работает — это тоже прекрасно работает. Поэтому я надеюсь, что вам понравилось видеть, как легко это сделать.

Теперь, если у вас возникнут проблемы, когда вы делаете что-либо из этого, у Local есть действительно фантастические форумы поддержки сообщества. И они суперактивны. Так что, если вы будете задавать вопросы, вы получите ответы там. И поприветствуйте Клэя Гриффита, который на самом деле является первоначальным создателем Local. И он также… вы также увидите его на форумах.

Теперь, если вы являетесь платным клиентом WP Engine или Flywheel, вы фактически получаете специальную поддержку Local и Local Connect, что действительно очень круто. И у обоих этих хостов, как я знаю по опыту, есть замечательные команды поддержки.

Итак, давайте подытожим. Когда дело доходит до миграции, что это за первый вариант? Верно, SFTP или cPanel вместе с ручной базой данных Migration. Итак, вы собираетесь экспортировать его, а затем вам нужно его импортировать. Таким образом, это будет самый ручной способ развертывания. Затем у нас есть подключаемые модули миграции, а затем некоторые помощники базы данных, которые выполняют такие действия, как поиск и замена в URL-адресе, вещи, которые могут проверять префиксы таблиц нашей базы данных WordPress.

Так что это лучше — значительно улучшено по сравнению со старой моделью SFTP, но это все еще не 100% одно нажатие кнопки. Что, конечно же, оставляет последний, Local Connect и MagicSync, для передачи ваших файлов и вашей базы данных на сервер, и я уверен, вы можете сказать, какой из них является моим любимым инструментом.

Поэтому, если вы хотите продолжить и начать работу, я хотел бы пригласить вас загрузить Local с localwp.com, если вы еще этого не сделали, и Local Connect — это совершенно бесплатная функция для использования. Просто имейте в виду, что он работает только с Flywheel или WP Engine. И есть несколько способов попробовать любой из этих хостов, просто поиграть с Connect и понять, как это работает.

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