DE{CODE}: mejores prácticas para la implementación del sitio con local

Si bien no existe una forma incorrecta de poner en marcha sus sitios, esta sesión recorre las diversas opciones para implementar su sitio desde su entorno local a su entorno de producción. Únase a la instructora independiente y desarrolladora web Carrie Dills mientras observa algunas herramientas de flujo de trabajo local y explica por qué podría elegir un método de implementación en lugar de otro en función de su equipo, flujo de trabajo y detalles del sitio.

Diapositivas de la sesión

Transcripción de texto completo

CARRIE DILS : Hola. Bienvenido a las mejores prácticas de implementación de sitios con Local. Entonces, como desarrollador web profesional, ya está familiarizado con la idea de desarrollar sitios en su máquina local y luego implementarlos en el servidor en vivo en lugar de hacer su desarrollo en un servidor en vivo. Cuando se trata de configurar ese entorno de desarrollo local, hay muchas opciones. Tienes MAMP o WAMP o XAMPP o DesktopServer.

Hay muchas herramientas diferentes que puedes usar para eso. Mi favorito personal es LocalWP. Es un envío gratuito, disculpe. Se llama Local, pero está disponible en localwp.com. Es una herramienta de desarrollo gratuita. Es bastante fácil de configurar y, además de ser un lugar para el desarrollo de sitios locales, también tiene algunas opciones para implementar la vida de su sitio. Pero también tiene muchas otras ventajas para su flujo de trabajo, como enrutar el acceso SSH, WPCLI, algunas funciones integradas de prevención de caché e incluso SSL con un solo clic.

Entonces, si ya tiene esto, entonces está listo para comenzar. Si no, está bien. Entonces, incluso antes de hablar sobre las formas de hacer una implementación, retrocedamos y hablemos sobre lo que realmente implica cuando se trata de migrar un sitio de WordPress. Así que piénsalo como dos cosas. Tienes tus archivos y tienes tu base de datos. Y cuando hablamos de migrar un sitio, simplemente estamos hablando de mover esas dos cosas a un servidor de destino. ¿Entiendo?

Está bien. Entonces, si tuviera que abrir una instalación de WordPress o tal vez hacer una nueva descarga de WordPress y abrirlo, lo que vería son tres archivos principales, o discúlpeme, carpetas, WP Admin, WP Incluye y WP Contenido, y un puñado de archivos en ese directorio raíz. Ahora, para los propósitos de una migración, suponiendo que su servidor de destino ya tenga instalado WordPress, todo lo que le preocupa es la carpeta WP Contents. Eso mantendrá sus temas, sus complementos y también cualquier carga que haya realizado a través de su administrador de WordPress. Si ha cargado archivos multimedia, también se incluirán físicamente en esa carpeta de contenido de WP.

Con eso en mente, tenemos archivos, tenemos una base de datos. Veamos nuestras opciones para avanzar realmente con la migración. Está bien. Si quieres unirte a mí en tu máquina del tiempo, que estoy seguro de que tienes justo al lado de donde sea que estés viendo esto. Adelante, súbete a esa máquina del tiempo, y vamos a regresar a algo llamado FTP o protocolo de transferencia de archivos. Te estoy preguntando, te estoy urgiendo, por favor, nunca uses FT.

[RISA]

–FTP. Si debe, al menos vaya a SFTP o al protocolo seguro de transferencia de archivos, que agrega una capa de seguridad sobre ese proceso de movimiento de archivos. O puede estar con el host que tiene cPanel, que funciona de la misma manera. Es un navegador de archivos, y está moviendo archivos de un lado a otro entre su servidor local y su servidor en vivo. Así que eso es para cuidar los archivos. Y tú dices, espera, Carrie. Recuerdo que acabas de decir que tienes una base de datos para mover también. Y te agradezco que lo recuerdes.

Entonces, cuando se trata de la base de datos, esto puede parecer un poco intimidante si no está acostumbrado a hurgar en una base de datos MySQL. Y, básicamente, el proceso es exportar su base de datos local como un archivo gzip. Vas a descargar eso, y luego en tu administrador de base de datos que vive en tu servidor de producción, vas a importar esa base de datos.

[SONIDO CHIRRIENTE]

Funciona, funciona. Hace el trabajo. Pero probablemente necesitará usar un complemento como Better Search and Replace para reemplazar todas esas URL de desarrollo con su URL activa. Así que tenlo en cuenta.

A continuación, tenemos complementos de migración. Nos hemos mudado oficialmente hacia el futuro y estamos encontrando formas más fáciles de mover sitios de local a vivo. Entonces, cuando se trata de complementos de migración, hay un montón de ellos en el repositorio de complementos de WordPress. Algunos de mis favoritos, All-In-One Migration, Duplicater y WP Migrate DB.

Ahora, cuando se trata de estos, estos le brindarán un tipo diferente de asistencia. Entonces, en comparación con ese proceso completamente manual que estábamos viendo con cPanel o SFTP. Estos van a hacer algunas cosas buenas, como cuando prepara su base de datos, seguirá adelante y lo ayudará con esa URL: intercambio de URL local a URL en vivo. Y empaquetará sus archivos por usted, pero aún tendrá que hacer algo con esos archivos en el extremo receptor. Y cada uno de estos complementos funciona de una manera un poco diferente, pero lo ayudarán con el proceso de volverse local para vivir.

Ahora sería negligente aquí si no mencionara mi complemento favorito absoluto para esto, que es Migrate DB Pro. Esto es creado por Brad Touesnard y su equipo en Delicious Brains. Y lo que hace este complemento, en realidad es un complemento de implementación mayorista. Por lo tanto, tomará sus archivos, su base de datos, le permitirá obtener granularidad real sobre las tablas que desea mover y luego las enviará a su entorno en vivo. Ahora, debido a que es una herramienta increíble, lo hace: tendría que sacar su billetera para usarla. Pero es un gran ahorro de tiempo.

Pero puedes estar pensando, Carrie, pensé que estábamos hablando de Local. Y estamos hablando de Local. Solíamos tener que hacer una copia de seguridad, ver qué implicaba el proceso de migración y luego tener algunas ideas sobre las formas en que puede migrar un sitio. Ahora WP Migrate DB Pro es increíble. Pero cuando se trata de Local, también obtienes ese entorno de desarrollo local. Pero espera hay mas. Obtienes algo llamado Local Connect y Magic Sync, que es la capacidad de hacer una implementación de un solo toque desde tu local para vivir. Y en realidad también te permite ir en la otra dirección, si quieres tirar. Pero nos estamos enfocando en el despliegue para esto.

El único inconveniente es que Local Connect funciona con dos servidores web, Flywheel y WP Engine. Ahora sé que muchos de los que están viendo esto ya pueden tener esas cuentas. Eso es genial. Si no lo hace, no se preocupe, hay un par de formas gratuitas de probarlas.

Entonces, Flywheel, podrías crear un nuevo sitio de demostración, activarlo y usarlo para jugar con Local Connect. Y luego, de manera similar, con WP Engine, puede crear una cuenta de programa de socios gratuita que viene con un sitio que puede conectarse con Local.

DE ACUERDO. ¿Todo listo para una demostración? Escuché un rotundo sí. Así que voy a marchar hacia adelante con la demostración. Por supuesto, ¿qué podría salir mal?

[RISAS]

DE ACUERDO. Entonces, cuando se trata del proceso de implementación, debe tener un sitio para implementar. Así que aquí estoy en mi área de cuenta de WP Engine. Estoy creando un sitio local y digo que este es un entorno de prueba. Y seguiremos adelante y agregaremos eso. Ahora volviendo a Local, primero, necesito conectar Local a mi host, en este caso, WP Engine.

Voy a iniciar sesión, y me da algunos enlaces allí. Voy a ir a visitar este enlace superior. Eso me lleva de vuelta a mi cuenta de WP Engine y allí puedo generar mis credenciales. Así que esto me da un nombre de usuario y contraseña de API. Déjame seguir adelante y copiar eso, ir a Local, pegarlo y hacer lo mismo con la contraseña. Y ahora estamos en el proceso de conexión a WP Engine. Y lo que ve aquí es una lista de todos los sitios que he alojado en WP Engine que ahora están disponibles para mí y Local. Y tenga en cuenta que puedo bajarlos directamente a Local. Pero, de nuevo, aquí estamos hablando de la otra dirección.

Bien, ¿estás conmigo hasta ahora? Hemos creado un sitio en nuestro host al que enviaremos nuestro sitio local y también hemos conectado la herramienta Local a WP Engine. Muy bien, avanzando. Ahora es el momento de revisar el sitio que he desarrollado localmente y es bastante aburrido, pero solo quiero que veas de qué se trata para que tengamos contexto cuando lo enviemos hacia arriba.

Primero, voy a conectar este sitio en particular a WP Engine. Y luego, con un solo clic, boop. Simplemente dirá a qué sitio desea enviarlo, y seleccionaré ese sitio de demostración local que acabo de crear. Y también puede pasar directamente a la puesta en escena, la producción o el desarrollo. Y ahora en este caso, estoy haciendo puesta en escena. Y, opcionalmente, puede incluir si desea o no enviar la base de datos. Aquí hay un consejo profesional. Cuando estoy desarrollando localmente, a veces me vuelvo muy perezoso y uso terribles nombres de usuario y contraseñas. Recuerde, cuando envía esto a un servidor en vivo, quiere asegurarse de que está usando un nombre de usuario y una contraseña seguros, incluso si no es su entorno de producción.

DE ACUERDO. Así que hemos comenzado el proceso de empujar. Eso implica cargar los archivos. Hablamos de mover archivos

Y luego vamos a subir esa base de datos, ya que seleccionamos la base de datos en nuestras opciones. Debe haber estado en una gran base de datos.

[RISA]

Ahora está haciendo esa búsqueda y reemplazo de URL que mencionamos, y está verificando el prefijo de la tabla de la base de datos para asegurarse de que coincida entre local y en vivo. Entonces, a través de ese proceso de implementación, e incluso puedo ver en la parte inferior de la pantalla cuánto tiempo pasó desde mi última implementación. Así que volvamos a mi cuenta de WP Engine. Voy a ir a abrir ese sitio que acabo de empujar. Y si lo visitamos, ahí se puede ver que es el sitio que acabamos de tener local. Nuevamente, no es nada súper especial, pero ahí está. Y solo para mostrarle la situación de la URL, allí puede ver que se actualizó a la URL activa. Tan genial

Está bien. ¿Aún conmigo? Recapitulando, hasta ahora hemos tomado un sitio en vivo, o disculpe, un sitio local que hemos desarrollado localmente. Hemos creado un sitio en el servidor de destino. Nos hemos conectado localmente a nuestra cuenta de WP Engine y también conectamos el sitio específico a WP Engine. Y luego, listo, con solo presionar un botón, lo hace todo. Está reemplazando las URL. Está reventando el caché. También está haciendo copias de seguridad durante el proceso en caso de que algo salga mal. Así que implementar con local es... es ridículamente fácil. La primera vez que lo vi, me vendió.

Ahora, en caso de que no estés adecuadamente impresionado, espero que lo estés. Pero en caso de que no lo estés, ahora quiero presentarte algo llamado MagicSync. Ahora MagicSync es un visor donde obtiene una especie de ventana de dos paneles donde puede ver qué archivos hay en su sitio local y compararlos con los archivos en el sitio de destino y ser muy específico sobre qué archivos desea implementar. Vamos a ver.

DE ACUERDO. Así que aquí estoy de vuelta en Local. Y si voy a Preferencias locales, hay un botón que puedo alternar para MagicSync. Y enciéndelo, y sigue adelante y aplica. Bien, ahora necesito crear o agregar algo a mi sitio local existente para poder mostrarle cómo funciona MagicSync. Y lo haré agregando un tema a mi instalación local de WordPress. Y seguiremos con 2021.

No importa. Nuevamente, solo te muestro un ejemplo de cómo funciona esto. Así que no hay necesidad de activar. Volviendo a Local, voy a hacer clic en Empujar de nuevo. Y esta vez, te darás cuenta... guau, ahí está, esa ventana de MagicSync. Y si nos desplazamos hacia abajo, ahí está, ese tema de 2021. Podemos ver que está presente en el directorio de archivos localmente y que si tuviéramos que presionarlo, se agregaría a ese entorno remoto.

También podemos ver las cosas que se eliminarán si presionamos esto y lo que eso significa es que el archivo existe tanto de forma local como remota. Entonces, con MagicSync, puede volver a ser muy granular, nuevamente, sobre qué archivos desea impulsar. Ahora no tienes que usar MagicSync. Podrías simplemente hacer un impulso mayorista de todo, que es una forma de hacerlo. Solo toma un poco más de tiempo que si usa MagicSync para enviar solo los archivos que especifique.

Así que volviendo a WP Engine. Veamos el sitio en vivo. Y si voy a temas, ahí lo puedo ver. Ese tema de 2021 está ahí. Eso es tan cool. Bien, así es como funciona MagicSync en pocas palabras. Entonces, de nuevo, puede usar MagicSync como parte del proceso de implementación o simplemente quedarse con Local Push y eso funciona, también funciona maravillosamente. Así que espero que hayas disfrutado viendo lo fácil que es hacer esto.

Ahora, si tiene problemas cuando hace algo de esto, Local tiene foros de soporte comunitario realmente fantásticos. Y son súper activos. Entonces, si hace preguntas, obtendrá respuestas allí. Y saluda a Clay Griffith, quien en realidad es el creador original de Local. Y él también… lo verás en los foros también.

Ahora, si usted es un cliente que paga WP Engine o Flywheel, en realidad obtiene soporte dedicado para Local y Local Connect, lo cual es realmente genial. Y ambos anfitriones, lo sé por experiencia, tienen equipos de apoyo increíbles.

Bien, recapitulemos. Cuando se trata de migraciones, ¿cuál es esa primera opción? Correcto, SFTP o cPanel junto con una base de datos manual, Migración. Así que vas a exportarlo y luego tienes que importarlo. Entonces, esta sería la forma más manual de hacer una implementación. A continuación, tenemos complementos de migración, y luego algunos ayudantes de bases de datos que hacen cosas como buscar y reemplazar en la URL, cosas que pueden verificar los prefijos de la tabla de la base de datos de WordPress.

Así que es mejor, mucho mejor que el antiguo modelo SFTP, pero todavía no es 100% un clic de un botón. Lo cual, por supuesto, deja el último, Local Connect y MagicSync para subir sus archivos y su base de datos al servidor y apuesto a que puede decir cuál es mi herramienta favorita.

Entonces, si desea continuar y comenzar, me encantaría invitarlo a descargar Local de localwp.com si aún no lo ha hecho y Local Connect es una función totalmente gratuita para usar. Solo tenga en cuenta que solo funciona con Flywheel o WP Engine. Y hay un par de maneras de probar cualquiera de esos anfitriones, solo para jugar con Connect y tener una idea de cómo funciona.

Está bien. Entonces, con eso, me encantaría agradecerles por su tiempo y atención, y les deseo muchos despliegues felices.