Advertisement
  1. Code
  2. WordPress

Uso de Laravel Valet para el desarrollo de WordPress

Scroll to top
Read Time: 10 min

() translation by (you can also view the original English article)

Si estas familiarizado con la comunidad de PHP, entonces es probable que estés familiarizado con un número de diferentes aplicaciones y marcos de trabajo que son actualmente populares en el espacio de desarrollo de hoy. Uno de los marcos de trabajo más comunes que estamos viendo que se utilizan para construir aplicaciones web es Laravel.

The Laravel HomepageThe Laravel HomepageThe Laravel Homepage

Aunque este tutorial no es específicamente sobre Laravel, recomiendo revisarlo si no es por otra razón que para ver qué más está pasando fuera de WordPress. Exponerse a otras tecnologías a menudo puede ayudarte a crecer en formas que las tecnologías que usas día a día no pueden hacer.

Presentando a Laravel Valet

Recientemente, el equipo de Laravel lanzó algo llamado Valet (o, más específicamente, "Laravel Valet") que tiene como objetivo hacer lo siguiente:

Valet es un entorno de desarrollo de Laravel para los minimalistas de Mac. No Vagrant, No Apache, No Nginx, No archivo /etc/hosts. Incluso puedes compartir tus sitios públicamente usando los túneles locales. Sí, también nos gusta.

Suena muy bien, ¿verdad? Pero es del equipo de Laravel y está hablando de cosas como Vagrant. Entonces, ¿por qué afecta esto a los desarrolladores de WordPress?

Si revisas la documentación de Valet, notarás algo curioso. Específicamente, apoya:

  • Laravel
  • Lumen
  • Symfony
  • Send
  • CakePHP 3
  • WordPress
  • Craft
  • Statamic
  • Jigsaw
  • Static HTML

Es muy bonito, ¿verdad?

Así que si eres un desarrollador de WordPress y buscas una forma fácil de poner en marcha un entorno de desarrollo sin utilizar algunos de los programas más comunes (o algunos de los programas más pesados) que hay disponibles, o tal vez solo tienes curiosidad por empezar con algo nuevo, entonces tal vez Laravel Valet sea una opción adecuada.

En este tutorial, vamos a ver cómo configurar Laravel Valet para WordPress y configurar una instalación que podamos utilizar para el desarrollo local.

Laravel Valet para el desarrollo de WordPress

Como este es un software completamente nuevo y como algunos de los que leen esto probablemente recién están comenzando con WordPress, vienen de otros orígenes, o nunca han usado nada más allá de una pila estándar de Apache/PHP/MySQL, vamos a comenzar desde el principio.

A medida que avanzamos en el tutorial, no dudes en dejar cualquier pregunta en la sección de comentarios y estaré encantado de hacer lo mejor que pueda para responderlas.

Para poder instalar Valet y empezar a utilizarlo para el desarrollo local, hay algunas cosas que necesitamos instalar primero. Ocupémonos de eso, y luego instalaremos Valet y WordPress y pondremos en marcha nuestro entorno.

1. Instalando Homebrew

Para instalar Valet, necesitamos instalar un administrador de paquetes para OS X conocido como Homebrew.

The Homebrew HomepageThe Homebrew HomepageThe Homebrew Homepage

Para los que no estén familiarizados, Homebrew es un gestor de paquetes para OS X que permite gestionar varios programas y paquetes desde la línea de comandos. No dejes que te intimide el hecho de que huya de la Terminal: Solo hay un puñado de comandos que aprender, y es fácil tanto instalar como desinstalar paquetes según sea necesario.

Para instalar Homebrew, pega el siguiente comando en una sesión de Terminal:

1
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Después, sigue las indicaciones que el script proporciona. Es claro y hace un excelente trabajo al guiarte a través de todo lo que necesitas saber antes de establecerse.

Setting up HomebrewSetting up HomebrewSetting up Homebrew

Dependiendo de tu conexión a Internet, deberías terminar en un minuto o menos. Antes de seguir adelante con el siguiente paso, asegúrate de actualizar los paquetes que están en tu sistema. Puedes hacerlo introduciendo el siguiente comando:

1
brew update

Si recibes un error, entonces puede que necesites actualizar tu .bash_profile. Desde la Terminal, abre el .bash_profile. Puedes hacerlo abriendo primero tu configuración de .bash_profile:

1
$ open .bash_profile

Luego agrega la siguiente línea:

1
$ export PATH="/usr/local/bin:$PATH"

Una vez hecho, hay algunas otras cosas que necesitamos instalar. Después de hacer ese cambio, ejecuta el siguiente comando para cargar los cambios en tu sesión actual:

1
$ source .bash_profile

Ocupémonos de eso ahora.

2. Actualizando Homebrew

Antes de hacer nada más, queremos asegurarnos de que Homebrew está bien instalado. Para ello, podemos ejecutar el siguiente comando desde la Terminal:

1
$ brew doctor

Esto asegurará que nada esté desactualizado o necesite ser arreglado antes de ejecutar cualquier otro comando. Asumiendo que todo está listo, entonces adelante e introduce el siguiente comando:

1
$ brew update

En este punto, hemos instalado y actualizado Homebrew así que finalmente es hora de instalar los paquetes necesarios para poner en marcha Valet.

3. Instalar PHP 7.0

Vamos a usar PHP7 para usar el Valet. Si trabajas con WordPress, vale la pena notar que los requisitos mínimos para el software son PHP 5.2.4.

Esto es importante porque aunque PHP 7 ofrece un montón de grandes características y algunas mejoras notables en la velocidad, esto no significa que el host en el que estamos desplegando nuestro código tenga instalado PHP 7.

Dicho esto, estás advertido: Asegúrate de que el código que estás escribiendo en PHP va a ser compatible con cualquier versión de PHP que se esté ejecutando en el servidor en el que estás desplegando.

Ahora, instalemos PHP 7 usando Homebrew. Para ello, emite el siguiente comando en tu sesión de terminal:

1
$ brew install homebrew/php/php70

Dale al administrador de paquetes un momento o dos para descargar e instalar el software necesario y sus dependencias, así como para configurarlas. En este punto, ¡ya casi llegamos!

4. Instalar Valet

Ahora es el momento de instalar realmente Valet. Para ello, tendrás que asegurarte de que tienes instalado Composer en tu sistema. Si no lo haces, puedes revisar la documentación de Composer, este tutorial aquí en Envato Tuts+, o incluso un curso completo que tenemos en el gestor de paquetes aquí en Envato.

Después de instalar Composer, los pasos para instalar Valet son mínimos. Primero, asegúrate de que el directorio de vendor/bin de Composer se encuentra en tu PATH. Si no, hagamos el siguiente cambio a .bash_profile.

Una vez más, abre el archivo usando el siguiente comando:

1
$ open .bash_profile

Luego agrega la siguiente línea:

1
$ export PATH="$PATH:$HOME/.composer/vendor/bin"

Puedes entonces reiniciar tu sesión de Terminal o puedes ejecutar el siguiente comando para cargar el nuevo perfil:

1
$ source .bash_profile

Y luego ejecuta el siguiente comando desde la Terminal:

1
$ composer global require laravel/valet

Una vez hecho, se te presentará un mensaje que dice: "Escribiendo archivo de bloqueo, generando archivos de autocarga".

Installing Valet via ComposerInstalling Valet via ComposerInstalling Valet via Composer

Después de lo cual será devuelto a tu orden de mando.

5. Preparar Valet

En este momento, Valet ha sido instalado, y estamos listos para configurarlo. Para ello, ejecuta el siguiente comando en la Terminal:

1
$ valet install

Y después de un momento, se te presentará la siguiente captura de pantalla:

Valet successfully installedValet successfully installedValet successfully installed

¡Y eso es todo! Valet está instalado y funcionando con éxito. De la documentación:

Valet iniciará automáticamente su daemon cada vez que tu máquina arranque. No hay necesidad de ejecutar valet start o valet install nunca más una vez que la instalación inicial de valet se ha completado.

Por supuesto, todavía hay mucho que explorar con respecto a Valet, así que no te saltes la lectura de la documentación.

Configurando WordPress

Con lo básico en su lugar, es hora de crear nuestro primer sitio de WordPress. Para hacer esto, necesitamos estar familiarizados con dos comandos de Valet. Específicamente, necesitamos entender eso:

  • park se refiere a añadir un directorio completo a Valet.
  • link se refiere a añadir un solo sitio a Valet (frente a un directorio entero).

Como WordPress se queda sin un directorio entero, vamos a usar el comando "park".

1. Crear un directorio

Vamos a crear un nuevo directorio desde el que podamos instalar WordPress.

A directory out of which well host WordPressA directory out of which well host WordPressA directory out of which well host WordPress

Voy a llamar a mi directorio wp-tutsplus. Puedes hacer esto desde Finder o desde dentro de la Terminal.

2. Añádelo a Valet

A continuación, tenemos que añadir el directorio de Valet. Para ello, puedes emitir un simple comando en la Terminal:

1
$ cd Documents
2
$ valet park

Note arriba que hemos cambiado el directorio a wp-tutsplus y luego hemos especificado el comando park como se indica arriba. Por supuesto, en este punto, no hay nada en realidad en el directorio.

Cambiemos eso.

3. Instalar WordPress

Si eres un usuario avanzado, puede que te interese descargar WordPress utilizando las herramientas de la línea de comandos; de lo contrario, siéntete libre de descargar una copia de la aplicación desde el sitio web.

Sea cual sea el método que elijas, asegúrate de que los archivos de la aplicación WordPress se encuentren en el directorio wp-tutsplus. Para ser claro, no quiero decir que la estructura del directorio deba ser wp-tutsplus/wordpress. En vez de eso, quiero decir que el directorio wp-tutsplus debería ser el directorio de nivel superior para la aplicación de WordPress.

The directory structureThe directory structureThe directory structure

Una vez hecho esto, deberías poder apuntar tu navegador al nombre del directorio con el sufijo del dominio como se indica en la documentación de Valet.

Concretamente, deberías poder navegar a wp-tutsplus.dev en tu máquina local y serás bienvenido a la famosa pantalla de instalación.

The WordPress installation screenThe WordPress installation screenThe WordPress installation screen

Asumiendo que todo ha ido bien hasta este punto, entonces deberías poder ver la instalación predeterminada de WordPress.

4. Establecer la base de datos

¡Pero espera! Hay una cosa que olvidamos: la base de datos. Cada vez que se configura una instalación de WordPress, es necesario tener una base de datos.

Tradicionalmente, tenemos una base de datos MySQL corriendo que usamos para instalar WordPress. Con Valet, tenemos que hacer un cambio más. Específicamente, usaremos MariaDB. A todos los efectos, MariaDB sirve como sustituto de MySQL cuando se utiliza Valet.

Primero, ejecuta el siguiente comando en la Terminal:

1
 $ brew install mariadb

Una vez hecho, puedes iniciar y detener el servicio de la base de datos ejecutando los siguientes dos comandos, respectivamente:

1
$ mysql.server start
2
$ mysql.server stop

Desde aquí, puedes abrir el front-end de tu base de datos favorita y conectarte a la base de datos usando el servidor de localhost (o 127.0.0.1).

Sequel Pro with MariaDBSequel Pro with MariaDBSequel Pro with MariaDB

Desde aquí, puedes crear la base de datos y luego usarla para configurar WordPress. Solo requiere la raíz del nombre de usuario (con una contraseña vacía). Obviamente, esto está bien para la seguridad local, pero nunca lo envíes en vivo a un servidor de producción.

Conclusión

¡Felicidades! En este punto, has usado una pieza de software de terceros de otro miembro de la comunidad PHP para establecer una forma de configurar un simple entorno de desarrollo local.

A pesar de que tuvimos que instalar Homebrew e introducir unos pocos comandos, la facilidad con la que es posible hacer girar un nuevo sitio desde un solo directorio es increíble. Por supuesto, esto todavía deja una serie de preguntas para los desarrolladores más avanzados de WordPress. Tal vez un post de seguimiento sería útil.

Mientras tanto, la documentación cubre mucho material que vale la pena leer. Así que por ahora, explora la documentación de Valet y trabaja en algún desarrollo personalizado de WordPress usando la aplicación.

Como nota al margen, si buscas otras utilidades que te ayuden a construir tu creciente conjunto de herramientas para WordPress o para que estudies el código y te familiarices con WordPress, no te olvides de ver lo que tenemos disponible en Envato Market.

Recuerda que puedes ver todos mis cursos y tutoriales en mi página de perfil, y puedes seguirme en mi blog y/o Twitter en @tommcfarlin donde hablo de varias prácticas de desarrollo de software y cómo podemos emplearlas en WordPress.

No dudes en dejar preguntas, comentarios u otras cosas interesantes que hayas encontrado al usar Valet para alojar tu desarrollo de WordPress.

Recursos

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.