Entornos de Desarrollo Personalizados con Warp y Flight Bill

Contenido del curso

Comprender las bases y el punto de partida

Crear Post Types y Archivos

Utilizar AJAX

La REST-API de WordPress

Utilizar Bloques

Deployment

Finalizar el Curso

29
Creación y Personalización de Sitios Web con WordPress
00:56 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:005:30

Entornos de Desarrollo Personalizados con Warp y Flight Bill

Curso Profesional de WordPress

Clase 2 de 29

Clase 2 / 29

Recursos

¿Qué es Flight Bill y cómo optimiza los entornos de desarrollo?

En la actualidad, los desarrolladores buscan constantemente herramientas que faciliten y optimicen su flujo de trabajo. Un recurso esencial en este sentido es Flight Bill, una plataforma innovadora que ofrece entornos de desarrollo personalizados y eficaces, especialmente diseñados para funcionar con Warp. Esta herramienta se descarga de manera gratuita y está disponible para todos los sistemas operativos, lo que la hace accesible para usuarios de diferentes plataformas.

¿Cómo empezar con Flight Bill?

Lo primero que debemos hacer es visitar el sitio web de Flight Bill para descargar la herramienta. La instalación de Flight Bill es muy intuitiva y se realiza en unos pocos pasos. Además, durante el proceso de instalación no solo se instala Flight Bill, sino también "Box", una herramienta crucial que ejecuta nuestras máquinas virtuales.

¿Cómo se configura un nuevo entorno en Flight Bill?

Al acceder al entorno de Flight Bill, podemos gestionar una lista de nuestros sitios y crear nuevos según nuestras necesidades. Estos son los pasos esenciales para configurar un nuevo sitio:

Asignar un nombre de sitio: Esta configuración ayuda a identificar claramente cada sitio dentro de Flight Bill.
Personalizar el dominio y directorio: Permite elegir el dominio y el directorio para instalar y guardar todos los archivos del sitio.
Seleccionar un 'Blueprint': Un 'Blueprint' es como una imagen guardada de una máquina virtual anterior que contiene un estado específico. Podemos crear una instalación básica de WordPress y guardarla como un 'Blueprint' para reutilizarla en futuras configuraciones.
Elegir el entorno de desarrollo: Es posible seleccionar la versión de PHP, el tipo de servidor (Apache o Nginx), y la versión de MySQL. Este nivel de personalización es clave para replicar fielmente las condiciones de un servidor remoto.

¿Qué características adicionales ofrece Flight Bill?

Flight Bill no solo facilita la creación y gestión de máquinas virtuales, sino que también proporciona una serie de características avanzadas que mejoran la experiencia de desarrollo:

Conexión remota a bases de datos: Ofrece configuraciones para conectar remotamente a la base de datos, además de un administrador web integrado para gestionar fácilmente las bases de datos.
Acceso SSH: Mediante una conexión SSH, los desarrolladores tienen acceso total a la máquina virtual y a la instalación de WordPress. Esta característica es vital para realizar ajustes y mantenimiento profundo del entorno.
Certificados SSL locales: Estos son esenciales para desarrollar sitios con certificados de seguridad incluso en un entorno de virtualización local.
Light Link de Ngrok: Esto permite compartir un enlace temporal que cualquier persona con acceso a Internet puede utilizar para visualizar el sitio en desarrollo tal como se ve en la máquina virtual.

¿Cómo maneja Flight Bill las comunicaciones vía email?

Flight Bill incluye una herramienta para interceptar y manejar las peticiones de emails del sitio web, conocido como "MailHog". Este recurso crea una bandeja de entrada virtual donde se reciben y se pueden examinar los emails enviados desde la máquina virtual. Es una función fundamental para probar flujos de email y verificar cómo serán recibidos por los usuarios.

Flight Bill es, claramente, una herramienta poderosa para cualquier desarrollador que busque optimizar su entorno de desarrollo. Con su facilidad para personalizar y manejar diversos aspectos del servidor, Flight Bill se destaca como una solución robusta y eficaz para la creación de entornos de desarrollo ágiles y seguros.

Luis Pablo Salvay

Hace 6 años

Hola Profe, soy de Córdoba tambien, un orgullo ver un profe tan bueno como vos y que seas de mi misma ciudad! Una pregunta que todavia no logro resolver es como hacer para desarrollar plantillas de worpress de manera colaborativa, es decir conectados a la misma base de datos, y no tener conflictos de url en la base. Yo supongo que deberia ser teniendo exactamente mismo puerto y url de sitio en todos los desarrolladores y una base de datos remota en un servidor. Pero nunca logre conectarme desde este programa a una base remota. Si tienes algun instructivo o enlace donde se explique esto lo agradeceria, como para saber como montar un entorno de desarrollo colaborativo en wordpress donde cada desarrollador pueda hacer sus commits y que todos puedan bajar lo que otro hace sin problemas con la base de datos. Muchas gracias!

Lucio Negrello

Profesor

Hace 6 años

Hola Luis, cómo estás? Que bueno encontrar cordobesxs por acá. Te cuento un poco cómo solemos resolver este tema. Usamos una DB externa en nuestro servidor de desarrollo y cada desarrollado personalizar en su wp-config.php el nombre de site_url y de home_url que va a usar en su local. Se intenta que sea el mismo, para no tener que trabajar sobre la base de datos luego, pero en el caso de tener que corregir algunas URLs, no son más que un par de consultas SQL muy simples. Luego exportamos labase de datos y con WP-CLI o con algún plugin de migración (depende del caso, el sitio y el proyecto) se hace el cambio de URLs y queda lista para importar en el servidor de producción. Luego si siguen trabajando en el desarrollo, deberán implementar alguna política de versionado de la DB, ya que tendrían que traerla a sus locales y volverla a enviar al servidor con los cambios efectuados. Un error común del que te prevengo desde ya, es que si configurás como dominio local el mismo que vas a usar en remoto, no vas a poder acceder más al remoto, así que siempre es recomendable armar un estándar. Nosotros, por ejemplo, usamos el mismo dominio pero con la terminación .lst que es como identificamos nuestros proyectos.

Espero que te sirva la info. Saludos!

Comentarios (70)70 comentarios

Alexandra Gomez Huertas

Hace 7 años

Alexander Diaz Romero

Daniel Benjamín Portada Zecua

Cristobal Peña

Matias scandizzo

Hace 5 años

Erasmo Andrés Martínez Rodríguez

Fernando E. Cueto

Hace 3 años

Leonardo Rios Pineda

John Cardenas

Usuario anónimo

User

Alejandro Escobar

MAXIMILIANO LOAYZA

Elvis Alexander Espinoza

Hace 4 años

Ana Carolina Caicedo

Aramen Meza

Carlos Alberto Navarrete Ulloa

Edwin Morales

Franklin Peñafiel

Jajajajaja

Pablo Rocha

Alejandro rodriguez

Cristian Eduardo Ariel ROJAS

Facundo Oubel

Comprender las bases y el punto de partida

Gestión de Contenidos Avanzada en WordPress

Entornos de Desarrollo Personalizados con Warp y Flight Bill

Creación de Tienda Online en WordPress con Gutenberg

Crear Post Types y Archivos

Organización de Contenidos en WordPress: Taxonomías y Etiquetas

Creación de Archivos PHP en WordPress para Mostrar Categorías

Mejorando la Navegabilidad en Sitios Web con WordPress

Personalización de Post Types en WordPress

Diferenciar Interfaces de Productos y Novedades en WordPress

WordPress: Crear Menú de Productos Relacionados con Loop Personalizado

Registro de Taxonomías Personalizadas en WordPress

Personalización de Páginas en WordPress con Advanced Custom Fields

Utilizar AJAX

Configuración de Formularios y Correos en WordPress

Desarrollo de Funciones Ajax en WordPress con PHP y JavaScript

Filtro de Productos con PHP y JavaScript en WordPress

Filtrado Dinámico de Productos en WordPress con PHP y JavaScript

La REST-API de WordPress

Uso del API REST de WordPress para integración y gestión de contenido

Creación de Endpoints Personalizados en WordPress API

Integración de API de WordPress en la Página Principal

Utilizar Bloques

Creación y Uso de Bloques en el Editor Gutenberg de WordPress

Creación de Bloques Personalizados en WordPress con PHP y JavaScript

Creación de Bloques Editables en WordPress con React

Bloques Dinámicos en WordPress: Creación y Uso Avanzado

Uso de InspectorControls en Bloques de WordPress

Registro y Personalización de Bloques en WordPress con ACF

Creación de Bloque Nativo con Renderizado del Lado del Servidor (SSR)

Deployment

Migración de un Sitio WordPress de Local a Servidor Real

Optimización SEO e Indexación con Plugins para Sitios Web

Seguridad y Configuración de Wordfence en Sitios WordPress

Finalizar el Curso

Creación y Personalización de Sitios Web con WordPress

Entornos de Desarrollo Personalizados con Warp y Flight Bill