Desarrollo de WordPress con Vagrant

Transcripción

1 Desarrollo de WordPress con Vagrant Yo digo Vagrán

2 Opciones para desarrollo web 1. Soluciones locales all-in-one : ZEND Server, XAMPP, MAMP, WAMP... VENTAJAS Fácil Rápido Consume pocos recursos DESVENTAJAS Incluye algunos bugs de regalo normalmente El entorno de pruebas es muy distinto al de producción

3 Opciones para desarrollo web 2. Instalarlo todo en nuestro ordenador (PHP, MySQL ) VENTAJAS Consume relativamente pocos recursos Aprendes mucho DESVENTAJAS Proceso doloroso Todo queda desperdigado en nuestro ordenador Si formateamos nos toca empezar de nuevo Normalmente, el entorno de pruebas es distinto a producción

4 Opciones para desarrollo web 3. Configuración remota con Samba Shares, ExpandDrive VENTAJAS No pierdes los datos. Todo se encuentra en remoto Aprendes mucho Entorno de desarrollo = Entorno de producción Se tiene que usar Vim DESVENTAJAS Workflow lento Problemas de desconexión Hay que usar Vim

5 Proceso típico de desarrollo web 1. Desarrollamos bajo un S.O. en nuestro ordenador 2. Subimos a producción con un S.O. distinto 3. Pantallazo en blanco: Fallos por codificación de fin de línea, mayúsculas en los nombres de los ficheros...

6 Qué deberíamos intentar? Entorno desarrollo = Entorno de producción

7 Solución: Virtualización Independientemente de nuestro ordenador y S.O. podemos virtualizar cualquier otro S.O. Al S.O. virtual le instalamos todo lo que necesitemos: PHP, MySQL, Apache/Nginx, Memcached, Nodejs En un equipo, todos los desarrolladores podrán picar bajo el mismo entorno de pruebas.

8 Entering Vagrant... Imagen robada de

9 Vagrant: Definición Vagrant es una herramienta para construir entornos completos de desarrollo. Enfocado a la automatización, Vagrant rebaja el tiempo de configuración, incrementando el tiempo de paridad desarrollo/producción y hace de la excusa Funciona en mi ordenador una excusa del pasado. Fuente:

10 Vagrant: Historia Vagrant comienza en Enero del 2010 liderado por Mitchell Hashimoto. Durante 3 años desarrolla en su tiempo libre. El 2012 forma HashiCorp para desarrollar Vagrant a tiempo completo y proveer de productos y soporte profesionales a empresas. Vagrant permanece como un proyecto open source. Fuente:

11 Vagrant: Beneficios Vagrant aísla dependencias y configuración dentro de un entorno desechable. Un sólo fichero y todo un equipo puede trabajar en el mismo entorno sin necesidad de preocuparse por instalarlo todo de nuevo. El entorno de desarrollo es fidedigno al de producción.

12 Requisitos VirtualBox: Vagrant: sudo gem install vagrant

13 Nuestro primer Vagrant 1. Creamos una carpeta donde queramos crear nuestra instancia. 2. d Con esto creamos la configuración necesaria para generar una máquina virtual con Ubuntu Trusty (14.04) 64bits. El archivo Vagrantfile se genera automáticamente. Listado de boxes públicos de Vagrant:

14 Vagrantfile Vagrantfile es un fichero Ruby

15 Arrancando: Vagrant up! vagrant up descarga y monta el S.O. indicado en Vagrantfile. El S.O. queda montado en nuestro ordenador como si de un servidor remoto se tratara.

16 Vagrant SSH Con vagrant ssh podemos acceder a la máquina como si fuera un servidor fuera de nuestro ordenador.

17 Carpetas compartidas Vagrant sincroniza por defecto la carpeta del proyecto en nuestro ordenador (donde se encuentra Vagrantfile) con la carpeta /vagrant del servidor virtual. Local Máquina Virtual (vagrant ssh) Esto nos permite editar los archivos desde local con nuestro IDE favorito. Todos los ficheros quedarán inmediatamente actualizados en la máquina virtual.

18 Aprovisionamiento vagrant provision permite la automatización de tareas. Podríamos crear un script que instalara Apache, MySQL y PHP. Vagrant lo ejecutaría en cada aprovisionamiento. Es útil cuando queremos crear el mismo entorno para varias personas distintas sin necesidad de instalarlo todo en cada ordenador.

19 Aprovisionamiento Creamos un fichero en la carpeta del Vagrantfile llamado provision.sh que instale Apache.

20 Aprovisionamiento Modificamos el Vagrantfile para que ejecute dicho fichero en cada aprovisionamiento.

21 Aprovisionamiento Si tenemos la máquina ya arrancada (hemos hecho vagrant up) simplemente ejecutamos vagrant reload --provision La otra opción es primero parar la máquina con vagrant halt y luego aprovisionar con vagrant up --provision Vagrant se encargará de ejecutar el script y descargar e instalar Apache Si quisiéramos hacer lo mismo en otro equipo, simplemente hay que copiar la carpeta Vagrant y ejecutar vagrant up (la primera vez realizará el aprovisionamiento)

22 PERO Crear una máquina virtual no es fácil. Necesitamos: Que el servidor sea accesible desde el navegador Asignar una IP Mapear hosts Instalar muchas más cosas: PHPMyAdmin, Memcached, WordPress, Git, xdebug, MySQL, SVN Tendríamos que conocer algo de shell scripting, servidores y Ruby.

23 Haciendo trampas, eh? Mi vida con Vagrant

24 Entering Varying Vagrant Vagrants... Varying vagrant Vagrants es un proyecto open source enfocado al desarrollo de WordPress. Contiene un entorno con todas las herramientas necesarias para la construcción de páginas web bajo WordPress, desarrollo de Plugins y Themes además de la contribución al núcleo de WordPress.

25 VVV: Instalación y puesta en marcha Instalar VirtualBox y Vagrant Opcional: Instalar el plugin vagrant-hostupdater: vagrant plugin install vagrant-hostupdater. Añade automáticamente entradas a nuestro fichero hosts Opcional: Instalar vagrant-triggers con vagrant plugin install vagrant-triggers. Útil para realizar cargas/backups de bases de datos al arrancar o parar Vagrant. Clonar VVV: git clone git://github.com/varying-vagrant-vagrants/vvv. git vagrant-local vagrant up

26 Contenido de VVV Ubuntu Nginx 1.6 MySQL 5.5 php-fpm 5.5 Memcached xdebug PHPUnit Git SVN Composer phpmyadmin NodeJs Grunt WP CLI

27 VVV: Instalaciones WordPress Por defecto, VVV contiene las siguientes instalaciones de WordPress: La última versión de WordPress estable: Trunk de WordPress: Trunk de desarrollo: Trunk de desarrollo pasado por Grunt : Escritorio por defecto con varias herramientas: User/pass de las instalaciones: admin/password MySQL: root/root o wp/wp

28 VVV: Instalaciones WordPress

29 Añadir otra instalación Para añadir nuestra propia instalación de WordPress es recomendable usar el sistema de aprovisionamiento. A la hora de crear un nuevo sitio, existen tres elementos a tener en cuenta: Un script que descargue la versión de WordPress, cree la Base de Datos y la instale automáticamente. Añadir la configuración del sitio a Nginx Añadir el dominio del sitio a nuestro fichero hosts La forma de hacerlo puede variar: Desde comandos WP CLI, Git o SVN o un fichero composer.json

30 1. El script de configuración VVV buscará cualquier fichero llamado vvv-init.sh dentro de 5 niveles dentro de la carpeta www y lo ejecutará en cada aprovisionamiento. En el siguiente ejemplo vamos a: Descargar WP 4.3 en Español Crear una base de datos Instalar WordPress Instalar Jetpack y activarlo Todo sin pasar por el navegador...

31 1. El script de configuración Contenido de vvv-init.sh:

32 1. El script de configuración vagrant provision

33 2. Archivo nginx Para que Nginx sirva nuestra nueva instalación necesitamos un fichero llamado vvv-nginx.conf. Al igual que vvv-init.sh debemos ponerlo dentro de la carpeta www

34 3. Archivo hosts Si hemos instalado el plugin Vagrant Hosts Updater también podemos crear un archivo vvv-hosts (viene ya creado por defecto) que se leerá durante el aprovisionamiento e insertará cada línea en nuestro archivo /etc/hosts

35 vagrant up --provision! Una vez terminado el aprovisionamiento, nuestro nuevo sitio estará disponible en la dirección

36 xdebug Para activar xdebug: vagrant ssh xdebug_on Con esto activamos la información de errores como notices, warnings, fatal errors Más información y configuración con distintos IDEs: Vagrant-Vagrants/VVV/wiki/Code-Debugging

37 Parar y destruir nuestro Vagrant Parar la máquina virtual: vagrant halt Destruir nuestra máquina virtual (no eliminará nada de la carpeta www) vagrant destroy

38 Otras referencias Vagrant docs: VagrantPress, otra configuración Vagrant distinta a VVV enfocada a WordPress: VVV Wiki: