Desarrollo Web

Qué es WordPress Playground y cómo probar código sin tocar tu web Ese

WordPress Playground para probar código sin modificar una web en producción

¿Quieres probar un plugin, modificar código o experimentar con WordPress sin correr el riesgo de romper una web que está en producción?

WordPress Playground permite ejecutar una instalación de WordPress directamente en el navegador, sin necesidad de contratar un alojamiento, configurar una base de datos o instalar un entorno local en tu ordenador.

En pocos segundos podemos disponer de un WordPress independiente donde probar código, plugins, temas y configuraciones sin modificar nuestra web real.

¿Qué es WordPress Playground?

WordPress Playground es un proyecto oficial del ecosistema WordPress que permite ejecutar WordPress en diferentes entornos, incluido directamente dentro del navegador.

La diferencia respecto a una instalación tradicional es importante: para realizar una prueba rápida no necesitamos preparar previamente un servidor web, configurar PHP ni crear una base de datos MySQL.

Podemos abrir Playground y empezar a utilizar WordPress prácticamente de inmediato.

Además, la instalación se encuentra aislada de nuestra web real. Podemos experimentar sin modificar los archivos o la base de datos del sitio que tenemos en producción.

¿Cómo puede funcionar WordPress dentro del navegador?

Aquí encontramos una de las partes técnicamente más interesantes de Playground.

WordPress está desarrollado principalmente en PHP y normalmente necesita un servidor para ejecutarlo. Playground utiliza WebAssembly para hacer posible la ejecución de PHP dentro de este entorno.

En el entorno del navegador puede utilizar SQLite para almacenar los datos de WordPress en lugar de depender de una instalación tradicional con MySQL.

Sin embargo, para utilizar Playground no necesitamos conocer WebAssembly ni SQLite. Desde nuestro punto de vista seguimos trabajando con un WordPress reconocible: escritorio, plugins, temas, entradas, páginas y configuraciones.

Cómo abrir WordPress Playground

La forma más sencilla de empezar es acceder directamente al proyecto oficial:

Abrir WordPress Playground

Playground preparará automáticamente una instalación de WordPress dentro del navegador.

No necesitamos crear previamente una base de datos ni completar el proceso tradicional de instalación de WordPress.

¿Para qué puedo utilizar WordPress Playground?

Playground resulta especialmente interesante para desarrolladores, diseñadores, administradores de WordPress y también para cualquier persona que quiera aprender o experimentar sin trabajar directamente sobre una web real.

  • Probar un plugin antes de instalarlo en una web real.
  • Experimentar con un tema.
  • Probar pequeños fragmentos de código.
  • Reproducir determinados errores.
  • Comprobar compatibilidad con diferentes versiones de PHP o WordPress.
  • Preparar demostraciones de plugins o temas.
  • Crear entornos de aprendizaje.
  • Experimentar con WordPress sin instalar nada en nuestro ordenador.

Dentro de un proyecto desarrollado con WordPress, disponer de un entorno aislado para experimentar es especialmente útil antes de trasladar determinados cambios a desarrollo, staging o producción.

Ejemplo: probar un plugin sin instalarlo en tu web

Imagina que encuentras un plugin que quieres evaluar, pero no sabes exactamente qué cambios realizará, si es compatible con lo que necesitas o cómo se comportará al activarlo.

En lugar de instalarlo directamente en producción, podemos crear un Playground, instalar allí el plugin y comprobar su funcionamiento.

  1. Abre WordPress Playground.
  2. Accede al escritorio de WordPress.
  3. Instala o carga el plugin que quieres probar.
  4. Actívalo.
  5. Realiza las pruebas necesarias.

Si algo falla durante el experimento, nuestra web real permanece intacta.

Esto no significa que una prueba en Playground sustituya siempre a las pruebas sobre una copia real del proyecto, pero resulta muy útil como primera capa de experimentación.

Probar diferentes versiones de PHP y WordPress

Otra posibilidad interesante es preparar instalaciones con diferentes versiones de WordPress o PHP.

Esto resulta especialmente útil durante el desarrollo de plugins y temas, porque una funcionalidad puede trabajar correctamente en nuestro entorno habitual y presentar problemas con otra combinación de versiones.

Playground permite configurar estas características al preparar el entorno. Además, podemos automatizar configuraciones más avanzadas mediante los llamados Blueprints.

¿Qué son los Blueprints de WordPress Playground?

Un Blueprint es una definición que indica a Playground cómo debe preparar una instalación de WordPress.

En lugar de repetir manualmente una serie de configuraciones cada vez que creamos un entorno, podemos describir lo que necesitamos y permitir que Playground lo prepare.

Por ejemplo:

{
    "preferredVersions": {
        "php": "8.3",
        "wp": "latest"
    },
    "steps": [
        {
            "step": "login",
            "username": "admin"
        }
    ]
}

Este pequeño ejemplo solicita una determinada versión de PHP, utiliza una versión reciente de WordPress y prepara el acceso con el usuario indicado.

Pero los Blueprints permiten construir escenarios bastante más completos.

Crear automáticamente un WordPress con un plugin

Los Blueprints pueden ejecutar diferentes pasos durante la creación del entorno, como instalar plugins o temas, importar contenido o modificar determinadas opciones.

Esto permite preparar entornos reproducibles para desarrollo, demostraciones y pruebas.

Por ejemplo, podemos definir un entorno que instale automáticamente un plugin disponible en WordPress.org:

{
    "preferredVersions": {
        "php": "8.3",
        "wp": "latest"
    },
    "steps": [
        {
            "step": "installPlugin",
            "pluginData": {
                "resource": "wordpress.org/plugins",
                "slug": "query-monitor"
            },
            "options": {
                "activate": true
            }
        },
        {
            "step": "login",
            "username": "admin"
        }
    ]
}

De esta forma, en lugar de explicar a otra persona todos los pasos necesarios para preparar manualmente el entorno, podemos compartir una configuración reproducible.

Playground también puede ejecutar código PHP

Los Blueprints también permiten ejecutar código PHP durante la preparación del entorno.

Esto abre posibilidades interesantes para desarrolladores: crear contenido de demostración, modificar configuraciones o preparar automáticamente determinadas condiciones necesarias para una prueba.

Si necesitamos utilizar funciones propias de WordPress desde ese código PHP, debemos cargar previamente WordPress.

{
    "step": "runPHP",
    "code": "<?php require_once( 'wordpress/wp-load.php' ); update_option( 'blogname', 'Mi WordPress de pruebas' );"
}

Para desarrolladores, esta capacidad convierte Playground en algo bastante más potente que una simple instalación temporal de WordPress abierta en el navegador.

Guardar un WordPress Playground

Playground no debe entenderse simplemente como una página temporal que necesariamente desaparece cuando terminamos una prueba.

Existen diferentes posibilidades para conservar el trabajo realizado dependiendo de cómo utilicemos Playground. También podemos exportar una instalación cuando necesitamos disponer de una copia portable.

Esto resulta útil cuando una prueba que comenzó como un pequeño experimento termina convirtiéndose en algo que queremos conservar, compartir o continuar desarrollando.

¿WordPress Playground sustituye a un staging?

No necesariamente.

Playground es especialmente útil para experimentación, demostraciones, aprendizaje, desarrollo y determinadas pruebas aisladas.

Un staging, en cambio, normalmente intenta reproducir con mayor fidelidad las condiciones de una web concreta: servidor, base de datos, configuración, plugins, contenido e integraciones.

Si necesitamos comprobar una actualización sobre una copia de una tienda WooCommerce existente, por ejemplo, un staging correctamente preparado puede seguir siendo el entorno adecuado.

La diferencia importante es el objetivo de cada entorno.

Limitaciones de WordPress Playground

Playground se parece mucho a una instalación convencional de WordPress, pero técnicamente no es exactamente el mismo entorno que tendremos posteriormente en un servidor de producción.

Dependiendo de la configuración y del escenario que queramos probar, debemos tener en cuenta aspectos como:

  • persistencia y almacenamiento de la instalación;
  • conexiones de red con servicios externos;
  • comportamientos particulares derivados del entorno de ejecución;
  • compatibilidad de determinadas herramientas o comandos;
  • diferencias respecto a la infraestructura real del servidor donde finalmente funcionará la web.

Por eso, conseguir que algo funcione correctamente en Playground no significa que podamos ignorar las pruebas posteriores dentro del entorno real del proyecto.

¿Cuándo utilizar Playground y cuándo utilizar staging?

Podemos utilizar Playground cuando queremos experimentar rápidamente con una idea, probar código, evaluar un plugin, preparar una demostración o reproducir un entorno concreto.

Utilizaría staging cuando necesito comprobar cómo se comportará un cambio dentro de las condiciones específicas de una web existente antes de llevarlo a producción.

En realidad, no son herramientas rivales.

Playground puede utilizarse para experimentar y desarrollar una idea. Después, staging puede utilizarse para comprobar esa modificación dentro de una copia representativa del proyecto antes de desplegarla.

Ambos pueden formar parte del mismo flujo de trabajo.

Playground como herramienta para desarrollar WordPress

Lo más interesante de WordPress Playground no es solamente poder abrir WordPress rápidamente dentro del navegador.

Para un desarrollador, su verdadero potencial aparece cuando podemos definir entornos reproducibles, automatizar su configuración y compartir una demostración sin pedir a otra persona que prepare previamente un servidor.

Esto puede utilizarse para probar plugins propios, investigar errores, preparar prototipos o experimentar con nuevas funcionalidades antes de integrarlas dentro de un proyecto de desarrollo WordPress.

También facilita algo especialmente importante durante el desarrollo: separar la experimentación del entorno que está dando servicio a usuarios reales.

Conclusión

WordPress Playground proporciona algo especialmente valioso durante el desarrollo: un lugar donde podemos experimentar sin miedo a romper la web que está funcionando.

Para una prueba rápida podemos abrir una instalación directamente desde el navegador. Para escenarios más avanzados podemos utilizar Blueprints y preparar entornos reproducibles con versiones, plugins, temas, contenido y configuraciones determinadas.

No sustituye todas las pruebas que debemos realizar en staging o en el entorno final, pero añade una herramienta muy interesante al flujo de trabajo de cualquier persona que desarrolle, mantenga o simplemente quiera aprender WordPress.

Y precisamente esa posibilidad de experimentar de forma aislada es una de sus mayores ventajas: probar primero, validar después y modificar la web real únicamente cuando sabemos qué queremos hacer.

Escrito por

Hugo Calixto

¡Hola! Soy Hugo Calixto, Desarrollador Web y Experto en SEO con más de 15 años de experiencia. Mi Enfoque: Desarrollo Web de Páginas y Tiendas Online con CMS WordPress o CMS Personalizado; Consultoría SEO orientada a resultados; Alojamiento WEB de alta calidad y seguridad. Ser polivalente es necesario en los tiempos actuales. Aporto experiencia en diversas áreas para ofrecer soluciones económicas y eficaces a mis clientes.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *