(Tiempo estimado: 2 - 4 minutos)

Tener un entorno de desarrollo en tu ordenador personal o portátil es algo que siempre recomiendo a mis clientes.

Esto te permite poder realizar modificaciones, cambios y todo lo que necesites en tu sitio web si tener que hacerlo en producción.

Es una buena forma de "cacharrear" y poder ver lo que quieras antes de subirlo y mostrárselo a todo el mundo.

Por qué tener un entorno de desarrollo

Como te he comentado anteriormente, es una buena práctica para poder realizar modificaciones, añadir módulos, crear artículos y hacer todas adaptaciones que necesites en tu sitio web sin tener que hacerlo en el sitio de producción.

Es importante cuando todavía no tienes soltura, por ejemplo, a la hora de crear un artículo, o no sabes cómo va a quedar con una imagen o un vídeo...

También es importante para añadir nuevas funcionalidades y probarlas bien para que no ocurra algún desastre.

Una vez que esté todo como quieres, puedes seguir los mismos pasos y ponerlo en producción.

Crear un entorno de desarrollo con XAMPP

Instalar XAMPP

Lo primero de todo es descargar XAMPP.

Tendrás que ir a la web oficial: Descargar XAMPP

Desde aquí elige la opción en función del sistema operativo que tengas: Windows, Linux o MAC.

Una vez lo tengas descargado... comienzan los pasos para instalarlo (te lo explico para un entorno Windows).

  1. Ejecutar el .exe
  2. Te pedirá seleccionar componentes, es decir, la configuración (MySQL, Apache, PHP y phpMyAdmin serán suficientes):
    xampp select components
    También puedes instalar Filezilla FTP Server (un servidor FTP) y Fake Sendmail (para envíos de correos).
  3. Sigue los pasos de "Siguiente", "Siguiente" habituales en un proceso de instalación de cualquier programa.

Arrancar XAMPP

Cuando ya tengas instalado XAMPP en tu equipo hay que arrancarlo.

Para ello sigue estos pasos:

  1. Busca en tus programas XAMPP Control Panel (dependiendo del sistema operativo que tengas lo encontrarás en un sitio u otro).
    Crea un acceso directo en tu escritorio y así lo tendrás siempre a mano.
  2. Ejecútalo y te aparecerá una ventana similar a esta:
    xampp control panel
  3. Pulsa en el botón de Start de Apache y MySQL (con esto será suficiente para poder funcionar).
    Se pondrán los botones en verde si está todo OK.

Una vez que lo tengas arrancado ya puedes ir a tu navegador favorito y escribir: http://localhost/xampp

xampp pantalla bienvenida

En esta pantalla podrás ver las versiones de PHP y MySQL instaladas y acceso a todas las herramientas (como phpMyAdmin, por ejemplo).

Descargar Joomla!

Para descargar Joomla! nada mejor que ir a su página oficial: www.joomla.org

Olvídate de descargar Joomla! desde otros sitios.

Poner Joomla! en nuestro entorno de desarrollo

Ya tienes descargado el ZIP con todo el Joomla!.

El siguiente paso es buscar la carpeta htdocs en tu directorio de instalación de XAMPP.

Siguiendo con el ejemplo lo tendrás en C:\xampp\htdocs

Crea una carpeta con el nombre del proyecto que quieras. Por ejemplo demo

Entra en este directorio y descomprime aquí el ZIP con el Joomla!

Crear una base de datos en phpMyAdmin

El siguiente paso es crear una base de datos para esta instalación o proyecto.

Para eso accedemos a phpMyAdmin: http://localhost/phpmyadmin

xampp phpmyadmin

Pulsa el botón de "Nueva" tal y como te indico en la imagen anterior.

Escribe el nombre de la base de datos: aquí te recomiendo que la llames igual que el directorio que has creado en el paso anterior.

Con esto ya tienes tu base de datos creada.

Instalar Joomla! en entorno de desarrollo

Ahora solo tienes que ir a tu navegador y poner http://localhost/demo (o el nombre del directorio que hayas creado para descomprimir el ZIP con Joomla!).

Sigue los pasos de instalación de Joomla!

Tienes más información en la documentación oficial de Joomla!: J3.x: Instalación de Joomla

Y listo.

Ya tienes tu entorno de desarrollo montado y preparado para trabajar.


En próximos artículos te enseñaré cómo crear una copia de seguridad de tu sitio web completo e instalarla en un entorno de desarrollo.

Puedes seguirme en mi newsletter para más información.

Comparte el artículo si te ha gustado ;-)

Sobre el autor, Sergio Iglesias

Sergio Iglesias

Sergio Iglesias es formador, desarrollador y front-end del CMS Joomla!. A través de su blog y sus cursos puedes aprender a desarrollar tu propio portal web autogestionable.

 

¿Te ha gustado el artículo? ¡Suscríbete YA!

¿Necesitas un sitio web que funcione?

¿No quieres depender de nadie para gestionar tu página web?

Recibe contenido exclusivo y GRATIS mi curso sobre desarrollo de plantillas Joomla!


Me apunto ya!

Comentarios

#2 sergiois 13-06-2016 09:23
Hola Edu,

No ha cambiado nada. Deberías ver qué versión de PHP tienes instalada en tu XAMPP. A parte de eso, también te recomiendo usar la última versión de Joomla (3.5.1) en lugar de la 3.4.

Un saludo,
Citar
#1 Edu Paredes 10-06-2016 22:21
Gracias por el artículo. ¿Ha cambiado algo en la versión de joomla 3.4, porque poniendo localhost/"ruta " me dice
Fatal error: Cannot use Joomla\String\S tring as String because 'String' is a special class name in C:\xampp\htdocs \chucholocal\li braries\vendor\ joomla\registry \src\Format\Jso n.php on line 12
Si me puedes ayudar te quedo agradecido.
Citar

Escribir un comentario

Puedes publicar el comentario que quieras, pero si lo considero SPAM será eliminado automáticamente.



Código de seguridad
Refescar

SergioIglesias.NET te informa que los datos de carácter personal que nos proporciones rellenando este formulario serán tratados por Sergio Iglesias Sánchez como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es, únicamente, para gestionar los comentarios de este blog. La legitimación se realiza a través del consentimiento del interesado. Te informamos que los datos que nos facilitas estarán ubicados en los servidores de SiteGround (proveedor de hosting). Ver política de privacidad de Siteground. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no pueda atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@sergioiglesias.net así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en mi política de privacidad.

¿Quieres tener un sitio web que funcione?

Contacta conmigo