Entorno de desarrollo supremo de WordPress

En los últimos años, he escrito muchos tutoriales aquí en el blog WPMU Dev donde comparto información sobre los entornos de desarrollo que usan. Así que hoy, pensé que era hora de compartir un entorno completo, del tipo que armaba y lo usaría para un desarrollo a mayor escala. ¡Amable las mangas y prepárate para ensuciar tus manos! Porque a continuación hay una presentación completa del tipo de entorno de desarrollo que creé y la forma en que puede. Nota: Este tutorial no es para principiantes. Si es nuevo en el desarrollo de WordPress, no necesitará un entorno tan elaborado porque podría introducir una complejidad innecesaria. Además, tenga en cuenta que este artículo está especialmente destinado a WordPress. Las ideas y objetivos podrían ser las mismas para los proyectos que no forman parte de WordPress, pero el enfoque y las herramientas utilizadas variarían.
contenido
¿Qué hace un buen entorno de desarrollo?
Medios en evolución
Servidores locales
Herramientas de línea de pedido
Guiones
Complementos de WordPress
Varias herramientas
¿Qué hace un buen entorno de desarrollo? En mi opinión, un buen entorno de desarrollo tiene las siguientes tres propiedades:
Muy portátil
Extremadamente configurable
Extremadamente automatizado
La portabilidad de la portabilidad es un factor importante porque, además de compartir el tema/complemento que desarrolla, quiero compartir el entorno de desarrollo. Quiero que otros desarrolladores puedan verificar la fuente en GitHub y comenzar de inmediato, incluido el uso de cualquier herramienta como Gulp o Prim. Esto hace que los proyectos sean fáciles de abordar y, si apoya una mejor colaboración, tiene más posibilidades de hacer algo exitoso.
La portabilidad también puede ayudarlo si tiene que trabajar en otra computadora o si desea mostrar a sus colegas lo que ha hecho. La capacidad de configurar cosas en cualquier lugar en unos minutos me ha ayudado varias veces de las que puedo contar. Configurabilidad La capacidad de configurar su entorno es primordial. En el lado del servidor, WordPress es extremadamente amable, pero la posibilidad de ajustar su configuración de construcción, tareas de cebadores y otras opciones es un gran beneficio. Las opciones de configuración y la portabilidad juntas significan que puede probar fácilmente su trabajo en diferentes circunstancias. ¿Qué tal cambiar la versión PHP o incluso HHVM solo para estar seguro? ¿Quizás pueda verificar la compatibilidad con versiones más antiguas de WordPress y complementos populares? Estas son cosas que debe probar. La automatización de automatización es uno de los principales motores para crear un entorno de desarrollo para el trabajo de WordPress. No quiero preocuparme por los guiones, las hojas de estilo, el ahorro de mi trabajo, la implementación, etc. Los instrumentos en la línea de control forman la columna vertebral de mi suite de automatización, que puede hacer todo, desde la configuración de WordPress con un solo pedido hasta empacar mi producto. Un trabajo en progreso antes de profundizar en los detalles, pensé en ir a una tangente sobre cómo los entornos de desarrollo están diseñados por quienes los usan.
Si eres relativamente nuevo en el mundo de la línea de comandos, herramientas de construcción, sistemas de control de versiones y otros, es posible que parezca un profesional que lo sabe todo y usa las herramientas perfectas para cada tarea. ¡Esto está bastante lejos de la verdad! Estoy bien versado en todas las cosas sobre WordPress, pero todo es algo que usé o quería aprender a hacer mi vida más rápido. Copié a otros, me di cuenta por mi cuenta y cambié las cosas según fuera necesario (¡a veces falla lamentablemente!). Mi entorno de desarrollo (y muchos más) es una combinación de lo siguiente:
Conocimiento personal bien perfecto
Grandes consejos de otros
Encontré solo algo al azar que funcione
Pasos que podrían ser mucho mejor pero no se molestaron en darse cuenta
En otras palabras: no es perfecto, pero hace el trabajo. Hay muchas mejoras y lugares para usar otras herramientas, que pueden gustarle más. Si conoce más herramientas o flujos de trabajo útiles, ¡no dude en usarlas y dígame en los comentarios! Un servidor local de WordPress se ejecuta en PHP, que es un lenguaje de codificación en el lado del servidor, por lo que necesitamos un servidor para ejecutar WordPress. Las opciones más populares son:
Extraviado
Mueca
XAMPP
Mampa
Comencé con XAMPP años y años hace años. Luego me mudé a Mamp cuando me convertí en usuario de Mac y luego fui al Vagrant hace unos dos años. La web y las herramientas utilizadas evolucionan como siempre y ahora tienden a usar vagabundos y MAMP. Explicaré a continuación por qué. AMPS “AMP” en MAMP, XAMPP y WAMP significa Apache, MySQL y PHP. Estas herramientas instalan todos los servicios y una interfaz gráfica para ayudarlo a administrar los procesos utilizados por el servidor. Descargue e instale la aplicación, presione el botón “pavimentado” y todo funcionará como se esperaba. La interfaz de usuario de MAMP
Profesionales: es rápido, es fácil, es intuitivo y funcionará en todos los sistemas todo el tiempo. Tiene una excelente interfaz de usuario, que puede usar para cambiar la configuración de PHP, cambiar a NGINX, configurar MemCached, Postfix, Configurar servidores virtuales y más. Contras: Aunque hay muchas cosas que puede cambiar, el control es limitado. No puede cambiar el sistema operativo o hacer otros cambios que el acceso SSH completo le permitiría. Todos los Amos pierden su portabilidad por la misma razón. Son lo suficientemente populares como para que cualquiera pueda instalarlos, pero no son autónomos y mínimos, como las configuraciones vagabundo.
Vagabond Vagrant es un poco diferente. En lugar de pre-empaquetado y mediano para usted, le brinda control total. Se basa en VirtualBox (u otras aplicaciones VM) y le permite tomar una “caja”, que es esencialmente un sistema operativo. Entonces puede usar scripts para configurarlos usted mismo.

Extraído de un guión de aprovisionamiento vagabundo
Profesionales: la configuración es autónoma en solo dos archivos muy pequeños. Si está acostumbrado a la línea de control, la configuración de un entorno puede ser tan simple como un UP – el sistema es extremadamente portátil. Puede configurarlo como desee. Cualquier sistema operativo, cualquier software, desde un almacenamiento de caché diferente hasta compilar su PHP. Puede responder al host actual de su host exactamente para asegurarse de que su sitio se ejecute exactamente de la misma manera en su automóvil local. Contra: si no tiene conocimiento de usar la línea de comando, Vagrant puede tener una curva de aprendizaje empinado. Cuando todo va bien, todo lo que tienes que hacer es dar un solo comando. Si algo se niega a funcionar, independientemente de la razón, se encontrará en aguas profundas. Hay herramientas para crear hosts virtuales y realizar otras tareas comunes, la interfaz de uso de MAMP es más conveniente, al menos para mí. Si necesito un nuevo host virtual rápido con un WP para instalar, puedo hacerlo con MANP + WP-CLI mucho más rápido que con Vagrant + WP-Cli. ¿Cuál usar? Si trabaja exclusivamente con WordPress, una herramienta como MAMP proporciona una potencia más que suficiente. Le permite trabajar con sitios que no son de palabras, por supuesto, por lo que si tiene un trabajo extraño que cae fuera de la esfera de WP, MAMP continuará sirviéndole.
Si trabaja con grandes equipos en proyectos que no son WP, le recomiendo que tome un vagabundo y lo intente. Le enseñará mucho sobre cómo funcionan los servidores internamente y le permitirá compartir sus entornos exactamente. Mi preferencia es usarlos en ambos. Cuando necesito (o tengo tiempo), puedo configurar mi entorno hasta el último detalle con un vagabundo. Cuando necesito algo simple o para un proyecto de WordPress, MAMP es mi opción favorita. Rachel McCollin, otra escritora aquí en WPMU Dev, escribió una gran guía sobre cómo configurar MAMP y hemos contribuido con una guía para el desarrollo de WordPress, que puede usar para configurar estos entornos. Los instrumentos de línea de comando no usan una gran cantidad de herramientas de CLI, pero las que uso son una gran parte de mi flujo de trabajo. Los más prominentes son WP-CLI, Gulp, Ngrok y Ultrahook, para entrar en algunos detalles. WP-CLI WP-CLI es una herramienta de línea de control extremadamente potente que le permite automatizar todo sobre WordPress. Ya he escrito un tutorial sobre el desarrollo avanzado de WordPress con WP-Cli, por lo que solo le mostraré parte de la magia que puede hacer. WP-CLI ha ganado recientemente soporte para wordpress.org.

Configuración de nuevos sitios que puede descargar, configurar e instalar WordPress en algunos comandos simples, como WP Core Descargar y WP Core Config. La documentación es abundante y fácil de seguir.
Utilizo WP-CLI junto con las Escrituras Bash para crear pequeñas plantillas para crear nuevos sitios. Puede usar pedidos para eliminar arados y temas implícitos y descargar y activar los complementos que usa regularmente. La búsqueda y reemplazar la búsqueda y el reemplazo de las bases de datos a veces son necesarios, pero pueden ser dolorosos. Cambiar a HTTPS, pasar a un nuevo dominio, renombrar la URL y otros pueden traer algunos cambios de masa. Debido a que la base de datos contiene una serie de matrices servidas, no solo puede buscar y reemplazar SQL (a menos que el valor antiguo y nuevo sea la misma longitud). WP Search Replace Oldval NewValue resolverá todo esto para usted, dibujando y luego volvió a revisar las matrices. La administración remota WP-CLI tiene SSH incorporada para ayudarlo a administrar sitios SSH. Esto tiene el potencial de permitirle administrar cientos de sitios de comando individuales (es decir:
actualizar un tema o complemento en múltiples sitios). Mucho más … casi no hay fin de lo que puedes hacer con WP-CLI. Desde aproximadamente 35 categorías de comandos incorporados, que contienen muchas subcomencias a terceros paquetes, Puede automatizar fácilmente cualquier tarea. Gulp Swallow es mi caballo de trabajo para la automatización. Lo uso para administrar mis scripts, estilos, imágenes, incluso dispositivos móviles y mecánica de actualización del navegador. Escribí un gran artículo sobre el uso de Gulp con WordPress, eche un vistazo allí para obtener instrucciones detalladas. Prefiero Gulp de la otra opción popular, cebador, debido a las diferencias de sintaxis. ¡Echa un vistazo a mi Gunt para el artículo de desarrollo de WordPress y decide! Gulp utiliza paquetes de nodos y nodos para su funcionalidad, lo que lo hace extremadamente portátil y fuerte, debido a las extensiones dirigidas por la comunidad. Mi proceso de trabajar con Gulp generalmente implica lo siguiente: Encuentre una extensión que se adapte a mis necesidades
Instale el paquete de nodo NPM

Solicite el paquete GulpFile
Escribe una breve tarea de automatización

La única parte de esto que requiere cualquier pensamiento es el número cuatro. Incluso entonces, la mayoría de las extensiones tienen ejemplos de copias de copia que probablemente solo tendrán un poco de modificación. Aquí están las extensiones que más uso:
Gulp-Sass para la compilación SASS en CSS
Gulp-Clean-CSS para minimizar CSS
Gulp-Autoprefixer para la adición automática de prefijos de proveedores
Gulp incluye la concatenación de archivos JS
gulp -uglify para minfying archivos js
Gulp-imagemin para optimizar las imágenes
BROWSERSYNC para crear servidores de desarrollo que ayudan a probar MOBILP-SourCeMaps para crear mapas de origen para archivos minimizados
Ngrok Ngrok es un pequeño servicio y una herramienta de línea de comandos que utilizo para compartir mi trabajo local en Internet. Ngrok crea túneles seguros a un entorno local, exponiendo su aplicación en una URL especial, como http://7BBC49AA.GROK.IO. Ultrahook Ultrahook es una especie de reverso de Ngrok. Donde NGROK dirige LocalHost a la web, Ultrahook dirige Web a LocalHost. Esto es extremadamente útil para pruebas de tercer agua, como Stripe, por ejemplo. Puede configurar Stripe para enviar WebHoks de prueba http://stripe.danielpataki.ultrahook.com que se transmitirá de forma segura a su servidor local. Los complementos de WordPress para la mayoría de nosotros, WordPress Development es sinónimo del desarrollo de complementos y temas. El almacén está lleno de complementos que ayudan a los desarrolladores a crear mejores trabajos más rápido. Aquí hay algunos que uso o uso regularmente. Verificar el tema un complemento obligatorio para los creadores de tareas. La verificación del tema analizará su tema y revelará las razones para no cumplir con los estándares de WordPress. Miran el código obsoleto, los archivos extranjeros, las malas prácticas, los errores comunes y muchos otros problemas potenciales. Campos personalizados avanzados Campos personalizados avanzados o ACF es mi complemento favorito de todos los tiempos. Permite a los desarrolladores crear hermosos campos personalizados para sus temas y complementos en una interfaz de uso intuitivo y rápido. Una vez que haya terminado, puede ocultar completamente ACF y pegar el código PHP generado en su trabajo para mantener intactos los campos. ¡Un complemento bien ejecutado y extremadamente útil!
Campos personalizados avanzados. Cosas poderosas. Monitor de cuero de merocidados le permite ver exactamente lo que está sucediendo en su entorno de WordPress en términos de acceso a la base de datos. Puede capturar consultas potencialmente lentas o redundantes antes de ingresar a un producto activo y optimizar los existentes para que su código sea mucho más rápido. Las escrituras bash Bash contienen muchos comandos que se ejecutan uno tras otro y se pueden usar para continuar automatizando tareas. Por ejemplo, ya es fácil instalar WordPress con WP-CLI. Todo lo que se necesita es lo siguiente: estos comandos deben emitirse uno tras otro, lo que requiere algo de tiempo. Al colocar esto en un archivo, llámelo Install.Sh, puede crear una plantilla para crear una instalación de WP. Coloque el archivo en la carpeta donde desea crear instalación y escriba bash install.sh. Se emitirán todos los pedidos y en unos segundos tendrá un sitio abierto y funcional. Al agregar parámetros, puede hacerlo aún más útil. Si lanza su pedido de la siguiente manera:
Bash install.Sh Newsite, puede usar el parámetro para completar el nombre de la base de datos, la URL y el título del sitio. Los archivos BASH también pueden ser útiles para crear versiones finales (eliminar carpetas y archivos extranjeros, directorios de movimiento, etc.) y otras tareas similares. Se pueden realizar incluso de Gulp Cargas, lo que le brinda mucha flexibilidad en el flujo de trabajo. Herramientas Varias extensiones del navegador son muy útiles al probar un sitio. Aquí hay algunos que uso en mi flujo de trabajo. Postman Postman es una extensión de Chrome para la construcción, prueba y documentación de las API. Encuentro que cada vez que tengo que lanzar una solicitud rápida para ver cómo funciona una API, Postman es mucho más rápido que cualquier otra herramienta. La capacidad de guardar y administrar solicitudes es particularmente útil. La prueba de API es algo que hago menos, pero cuando lo trato, ocupa la mayor parte del día, usar algo como Postman hace que mi vida sea mucho más fácil. Editar esta cookie EditThiscookie es otro ejemplo de extensión de Chrome que no uso mucho, pero cuando lo hago, me exime de horas. Le permite ver/eliminar/editar las cookies de un solo sitio. Eso es todo, pero oh, ¡qué útil puede ser!
Tiempo de carga de la página El tiempo de carga de la página hace lo que piensa, analice la carga de la página. Puede entrar en detalles importantes como DNS/Solicitud y tiempos de respuesta, pero lo que me gusta es mostrar el tiempo de carga general allí mismo en la barra de herramientas. Súper útil para comparaciones rápidas. JSON Formatant La última entrada de extensión del navegador en la categoría de diversas herramientas es JSON Formatter, que detecta cuando una respuesta es simplemente una cadena JSON y formatearlo todo de manera hermosa y correcta en lugar de tomar solo un bloque de texto. ¡Franz esto en realidad no tiene nada que ver con el desarrollo! Franz es un instrumento que puede agregar una serie de servicios web bajo un solo techo. Aplicaciones My Messenger, Slack, Skype, Inbox by Gmail, Trello, Google Calendar y ToDoist se están ejecutando en una sola ventana en lugar de sus aplicaciones nativas. Todo se ve exactamente como los rodé en sus entornos habituales, pero no necesito tener todos esos íconos y puedo cambiar más fácilmente. Menciono a Franz porque me ayudó a concentrarme más y comunicarme mejor. VVV variando vagabundos vagabundos o vvv en resumen es una configuración de código abierto vagabundo para WordPress y WordPress en sí. Contiene todas las herramientas que deberá comenzar, incluidas las versiones de desarrollo de WordPress. ¡Mucho más! Hay tantas herramientas que no he mencionado, especialmente porque simplemente no las uso. Son excelentes herramientas, pero simplemente no las alcancé, no las necesito o no encajan en mi flujo de trabajo. Aquí hay una breve lista de algunos grandes que debe echar un vistazo:
Subraya para un gran tema del Departamento de Temas de WordPressrădini para una pila completa de WordPress, que incluye servidor, administración de aplicaciones y tema inicial.Me parece demasiado elaborado para mi gusto, pero puede estar en tu callejón.
WordPress Plugin Boilerplate para el desarrollo de objetos estandarizados orientados.
Haga que su entorno de desarrollo en conclusión, estas son las herramientas que uso, pueden no ser necesariamente las más adecuadas para usted y no son las más adecuadas para cada situación.Esta configuración es lo suficientemente flexible para mis necesidades, así que dedique tiempo a investigar las opciones y crear un flujo de trabajo que parezca adecuado para usted.¡Suerte!
Si tiene buenos consejos para la automatización o la mejora de un entorno de desarrollo de WordPress, ¡cuéntanos en los comentarios a continuación!

Etiquetas:
desarrollo