Configuración de un entorno de desarrollo de WordPress

Comenzar el desarrollo de un nuevo sitio web requiere mucha planificación cuidadosa. Por ejemplo, querrá decidir cómo abordar la etapa 'en construcción' del proyecto. Es probable que deba proteger a los visitantes potenciales para que no vean su sitio web cuando aún está en progreso.

Aquí es donde los entornos de desarrollo pueden resultar útiles. Este tipo de entorno le brinda un lugar para realizar todo el trabajo de diseño y programación en su nuevo sitio, sin que nadie lo vea accidentalmente. Luego, puede publicarlo en vivo cuando esté completamente listo.

En este artículo, veremos dos tipos diferentes de entornos de desarrollo. También le mostraremos cómo comenzar con ambas opciones. Si estás listo, ¡vamos a sumergirnos!

Entornos de desarrollo locales versus remotos

Hay dos tipos principales de entornos de desarrollo que quizás desee explorar al crear un sitio web de WordPress. Tenga en cuenta que, ya sea que elija usar un entorno local o remoto para el desarrollo, ambos requerirán todo el software que WordPress necesita para funcionar correctamente. Esto incluye aplicaciones de bases de datos y bibliotecas de códigos, por ejemplo.

Desarrollar localmente significa que todos sus complementos de WordPress y archivos de temas se almacenarán en su propia máquina, junto con los archivos principales de WordPress. Podrá ver su trabajo de desarrollo en un navegador, como si estuviera accediendo a un sitio web en Internet. Sin embargo, los archivos se llamarán desde su computadora, en lugar del servidor de alojamiento de su sitio.

Un entorno de desarrollo remoto es esencialmente lo mismo, pero todos esos archivos importantes del sitio web se almacenarán y recuperarán desde una ubicación remota. Esto significa que deberá configurar o comprar espacio de almacenamiento. Sin embargo, a diferencia del alojamiento de sitios web normal, esta ubicación de archivo remoto solo será accesible para usted o su equipo.

Uno de los principales beneficios de usar el desarrollo local para WordPress es que no necesita estar conectado a Internet para trabajar en su sitio web. Si bien el desarrollo remoto requiere una conexión, sin embargo, es la mejor opción si desea tener la opción de acceder a su trabajo desde cualquier computadora.

Ventajas de un entorno de desarrollo remoto

Como mencionamos, un entorno de desarrollo remoto le permite acceder a sus proyectos desde cualquier lugar. Ni siquiera tiene que usar una computadora específica para hacer su trabajo; todo lo que necesita es una conexión a Internet y su información de inicio de sesión.

Además, es posible que pueda implementar funciones de control de versiones, según la aplicación de entorno remoto que decida utilizar. Esto significa que es menos probable que tenga problemas al desarrollar con un equipo.

Cómo configurar un entorno de desarrollo remoto

Configurar un entorno de desarrollo remoto puede ser un poco más complicado que crear un entorno local. Dicho esto, no está fuera de alcance de ninguna manera. Hay varias opciones cuando se trata de entornos remotos, y muchas vienen con todas las herramientas que necesitará desde el primer momento.

Paso 1: elija y configure una aplicación de desarrollo remoto

Hay una serie de herramientas de desarrollo remoto que puede utilizar. Lo que está buscando es un espacio de almacenamiento virtual donde pueda almacenar todos los archivos y aplicaciones de su sitio web, así como el software necesario para que su sitio web funcione. Aquí es donde puede trabajar en cada una de sus etapas de desarrollo, sin llevar el sitio a un estado de producción en vivo hasta que esté listo.

Para hacer esto, puede usar un producto como DigitalOcean o Visual Studio.

Estos difieren en lo que ofrecen, pero finalmente realizan la misma tarea. Por ejemplo, con Visual Studio Code obtiene un editor de código sofisticado que se convierte en un entorno de desarrollo a través de su elección de extensiones remotas.

También puede utilizar Amazon Elastic Compute Cloud (Amazon EC2) para el desarrollo remoto.

Alternativamente, puede mirar nuestros propios entornos de desarrollo dedicados. Una vez que haya seleccionado su entorno virtual o solución basada en la nube, deberá asegurarse de que esté configurado para admitir el desarrollo de WordPress.

Paso 2: instale las herramientas y los complementos necesarios

Independientemente del entorno de desarrollo remoto que elija, hay una pila específica de aplicaciones que necesitará para configurar WordPress. Éstas incluyen:

• linux Este es el sistema operativo (SO) idealmente necesario para ejecutar WordPress. Entraremos en detalles más adelante cuando hablemos de entornos de desarrollo locales, pero baste decir que si los siguientes tres elementos están en su lugar, pueden funcionar con otros sistemas operativos como Mac y Windows.
• apache _ Con un sitio web en vivo, la capa del servidor web es donde las solicitudes del navegador se cumplen y se devuelven a los usuarios de su sitio web. En un entorno de desarrollo, esto también es cierto. La única diferencia es que su servidor no apunta a un dominio activo.
• mysql MySQL es la solución de base de datos más popular y gratuita. Esto es esencial para su entorno de desarrollo de WordPress, ya que es donde se almacenan todos los datos que necesita su sitio web.
• PHP . Todos los demás elementos de la pila necesitan una 'voz', y ahí es donde entra en juego PHP. El preprocesador de hipertexto (PHP) es un lenguaje que se necesita para que WordPress funcione.

Estas aplicaciones se denominan "pila LAMP" y se pueden agregar a entornos de desarrollo remotos de varias maneras. Por ejemplo, si usa DigitalOcean, trabajará con Droplets para crear la pila LAMP para WordPress.

Si está utilizando Amazon EC2, la configuración para el desarrollo de WordPress es un poco más manual, pero aún se puede hacer en unos cinco minutos.

Independientemente del entorno que elija, necesitará la pila LAMP para comenzar su desarrollo de WordPress. Afortunadamente, muchas opciones de desarrollo remoto vienen con LAMP como una opción de instalación fácil, lo que le ahorra mucho tiempo y problemas.

Paso 3: acceda a su entorno

La forma más común de acceder a su entorno de desarrollo es a través de Secure Shell (SSH). Así es como puede conectarse a su servidor desde cualquier computadora y aprovechar el aspecto 'remoto' de este enfoque para el desarrollo de WordPress.

Los detalles de cómo se conecta dependerán del producto que elija. Por ejemplo, aquí en WP Engine, tenemos una opción de puerta de enlace SSH para desarrolladores.

Ventajas de un Entorno de Desarrollo Local

Una de las mayores ventajas de utilizar un entorno de desarrollo local es que no es necesario estar conectado a Internet para acceder a él. Puede trabajar en su sitio desde cualquier lugar y no se verá frenado por problemas de conectividad.

Además, el desarrollo local le permite trabajar en un entorno más seguro. Podrá mantener sus proyectos realmente en secreto hasta que esté listo para salir a la luz.

Configuración de un entorno local de WordPress

Configurar un entorno local de WordPress es bastante simple. Hay varias aplicaciones de desarrollo local, como Local by Flywheel, que hacen que el proceso de configuración sea increíblemente fácil.

Tenga en cuenta que el desarrollo local para WordPress aún requiere una pila LAMP. Sin embargo, algunas soluciones usarán términos como WAMP o MAMP en su lugar, ya que están diseñadas para usarse con Windows o Mac OS en lugar de Linux.

Paso 1: elija y configure su aplicación de desarrollo local

Hay varias aplicaciones excelentes de desarrollo local para elegir. Ya hemos mencionado Local by Flywheel, pero Varying Vagrant Vagrants (VVV) es otra herramienta de desarrollo local recomendada por WordPress a tener en cuenta. Si ya tiene un plan aquí en WP Engine, también puede consultar Local para obtener una solución de desarrollo local.

Una vez que haya configurado la solución elegida, podrá comenzar el desarrollo desde cero o importar un sitio web existente para trabajar en él. Por ejemplo, con Local by Flywheel, puede usar un archivo .zip de su sitio web descargado para comenzar. Si está comenzando desde cero y diseñando un nuevo sitio web, la mayoría de las aplicaciones locales tienen soluciones de instalación con un solo clic para configurar el entorno para usar con WordPress.

Paso 2: seleccione un editor de texto

Una vez que su entorno local esté configurado, deberá elegir un editor de texto. Aquí es donde editará y depurará su código de WordPress. Estas soluciones van desde aplicaciones de texto simples hasta interfaces mejoradas con herramientas integradas para optimizar su flujo de trabajo.

WordPress tiene algunos editores de texto recomendados para el desarrollo que incluyen Atom, Sublime Text y PhpStorm. También hay otras opciones, por lo que querrá trabajar con lo que sea más cómodo y adecuado para su flujo de trabajo existente.

Paso 3: elige un navegador web apto para desarrolladores

Dado que aún verá sus proyectos desarrollados localmente en un navegador web, es una buena práctica usar un navegador orientado a desarrolladores. Tanto Chrome como Firefox son navegadores increíblemente populares que vienen con útiles kits de herramientas para desarrolladores. Esto puede ayudarlo a depurar problemas más fácilmente y optimizar su desarrollo web.

Desarrolle algo increíble con WP Engine

El desarrollo web puede tomar muchas formas y formas. Ya sea que esté trabajando con un entorno local o remoto, tener a mano los mejores recursos para desarrolladores puede ayudarlo a optimizar su flujo de trabajo.

¡Consulte nuestros planes de WordPress y soluciones de desarrollo, y permítanos ayudarlo a crear algo increíble!