en pixelovers

Monta fácilmente una version de pruebas (staging) de tu sitio wordpress

Conozco muchos usuarios de wordpress (sobre todo no-técnicos) que han sabido exprimir al máximo su sitio wordpress (la mayoría blogs) pero que siguen sin tener una manera fácil y segura de probar nuevas cosas para su sitio web.

Cuando quieren hacer pequeñas modificaciones de diseño, instalar un plugin o probar algún truco que han leído en algún blog terminan haciendo estos “experimentos” directamente en su sitio público de producción.

Hacer experimentos directamente en tu sitio de producción es una MUY mala práctica ya que nos podemos cargar nuestro sitio wordpress.

Para evitar probar cosas nuevas (de las que no tenemos muy claro el resultado final) directamente en producción, muchos proyectos tienen una “versión de pruebas” de su sitio wordpress para poder hacer estos “experimentos” sin peligro.

Cuando tenemos un sitio web con wordpress que es público y que es accesible mediante nuestro dominio llamamos a este sitio producción.

Por ejemplo, la web que puedes ver en http://pixelovers.com es mi sitio de producción.

Así que lo que podemos hacer es crear una copia, a partir de este sitio de producción, para convertirla en nuestra  versión de pruebas. Este nuevo sitio tendrá su propia URL y ahí podremos hacer pruebas sin peligro de romper nada en el sitio que están visitando diariamente nuestros usuarios.

En este post vamos a ver cómo crear un sitio de pruebas:

  • manualmente (varios pasos)
  • sólo pulsando un botón 🙂

Crear una version de pruebas ( staging) de mi sitio web manualmente

La solución más general es crear a mano una copia de nuestro sitio en nuestro propio servidor de hosting. En la mayoría de planes de hosting gestionados por cPanel podemos crear subdominios asociados a nuestro dominio y poner ahí una copia de nuestro sitio wordpress.

Por ejemplo, para http://pixelovers.com me puedo crear otro site para hacer pruebas que sea una copia exacta de mi actual sitio en producción. Esta versión de pruebas se suele llamar staging, así que me puedo crear un subdominio llamado http://staging.pixelovers.com y crear ahí la copia de mi site.

Si tu hosting utiliza cPanel, los pasos para crear esta versión staging de tu site serían a grosso modo:

1.- Creamos un subdominio

Creamos un subdominio (normalmente “staging”) asociado a nuestro dominio: staging.midominio.com

Crear subdominio con cPanel

Crear subdominio con cPanel

Cuando esté creado se nos asocia un espacio en nuestro servidor asociado a este subdominio

subdominio-creado

Subdominio creado en cPanel

Y podemos chequear que nuestro subdominio se ha creado correctamente

staging-pixelovers

contenido subdominio recien creado

2.- Copia de archivos vía FTP

Vía FTP nos bajamos una copia de todos los archivos de nuestro site (de producción).

Cuando tengamos todos los archivos de nuestros site de producción los subimos via FTP subimos a nuestro recién creado sitio staging (en nuestro caso bajo la ruta /public_html/staging)

upload-files-staging

Subida archivos via FTP al espacio asociado a nuestro subdominio

3- Copiar la BD en otra BD

Nos conectamos a nuestro phpMyAdmin y hacemos una copia de nuestra BD en otra BD para nuestro sitio staging. En mi ejemplo copiamos la BD llamada pixelove_wp369 en otra BD llamada pixelove_wp360_staging

copy-to-DB

Copia de la BD a otra BD

Cuando terminemos este proceso de copia veremos que tenemos las 2 BD creadas.

new-DB-staging

Nueva BD datos (staging) creada

4- Actualización de valores en la nueva BD

Nota: Las bases de datos del tipo mySQL se pueden gestionar mediante  phpMyAdmin. Con phpMyAdmin podemos gestionar la BD (modificar valores, añadir tablas, etc…) de una forma visual o a través de sentencias SQL (que es como el lenguaje de programacion de las Bases de Datos)

Ejecutamos un SQL en la nueva BD (pixelove_wp360_staging) para que la nueva BD referencie a la URL adecuada staging.pixelovers-test.com

En nuestro caso seria:

  • ORIGINAL_URL = pixelovers-test.com
  • NEW_URL = staging.pixelovers-test.com

Así que tendríamos que ejecutar:

sql-execute

Ejecución de SQL para actualizar valores en nueva BD

execution-sql

Resultado de Ejecución de SQL

4- Actualización de valores en wp-config.php

Hacemos los cambios pertinentes en wp-config.php para que nuestra nueva instalación de WordPress acceda a la BD recién creada con el usuario adecuado.

wp-config

Puede que el usuario DB_USER (para acceder a la BD nueva) “heredado” del site original no tenga permisos a nuestra nueva BD, así que desde cPanel, nos aseguramos que el usuario que utilizamos para conectar a la BD tenga permisos para acceder a la nueva BD.

add-user-bd

Dándole permisos al usuario en wp_config para gestionar la nueva BD

check-user-db

Bases de Datos en nuestro sistema y usuarios con acceso

5-  Y voilá

Ya podemos acceder a nuestro sitio en nuestra URL

staging-blog

Copia staging funcionando

Ya tienes tu nueva copia idéntica a la de producción totalmente independiente. Tus datos de acceso (login al panel de administración) son los mismos que los del site original.

Ya eres libre de cambiar configuraciones, instalar nuevos plugins, editar archivos de tu theme, y hacer lo que quieras sin temor a romper nada de tu sitio en producción. 🙂

Crear una version de pruebas ( staging) de mi sitio web… pulsando un botón

¿Te parece MUY complicado todo esto y quieres simplificar el proceso de crear tu copia staging?

Pues hay algunos hosting que simplifican mucho el proceso de crear una copia staging de tu site:

  1. Pudiendo crear copias exactas de nuestro sitio en producción en cualquier momento y ofreciéndonos al final del proceso una URL donde hacer nuestras pruebas
  2. Dándonos la oportunidad de aprovechar estas pruebas y si los cambios realizados son correctos, nos permiten volcar nuestra versión de pruebas a nuestro sitio en producción

El hosting de SiteGround es uno de estos sitios. Bajo la opción “Ensayos” en Herramientas de WordPress tenemos el panel que nos permitirá crear rápidamente una versión staging de nuestro site.

ensayos wp en siteground

ensayos wp en siteground

Pulsando el botón Crear copia de pruebas se nos creará automaticamente nuestro sitio staging que será copia exacta del estado actual de nuestro sitio principal

crear copia de pruebas

crear copia de pruebas

Cuando termine el proceso, tendremos acceso al panel de la copia de pruebas donde podremos hacer varias cosas:

  • Ir al sitio de prueba
  • Ir al panel de administraciòn WP del sitio de pruebas
  • Volcar el contenido de este sitio de pruebas a nuestro sitio de producción
  • Eliminar el sitio de pruebas
  • Proteger con contraseña el sitio de pruebas
panel sitio de pruebas

panel sitio de pruebas

Si le damos al link “previsualización” accederemos fácilmente a nuestro nuevo sitio de pruebas:

staging1

Sitio de pruebas “staging”

Podemos gestionar los archivos de esta copia via FTP. A cada copia se le asigna un numero (1 para staging1.pixelovers-test.com) y se crea una carpeta con ese numero en la ruta /staging

staging 1

staging 1

¿Qué te ha parecido este artículo? ¿Te animas a montar tu sitio de pruebas? ¿Tienes ya algún sistema montado? ¿Cual es tu experiencia?

Esperamos vuestros comentarios

  • diegofresno

    Genial el artículo. Lo mejorcito que hay por ahí sobre el tema y explicado al detalle. Gracias!.

  • Gracias a ti por leernos @diegofresno:disqus 🙂