CURSO DISEÑO WEB Y eCOMMERCE

En la Casa de la Cultura de Torrejón de Ardoz trabajamos sobre Linux, y en el Centro Cultural de Sanchinarro sobre Mac, pero en casa la mayoría de los alumnos trabajan sobre PC, por lo que subo este tutorial para instalar el servidor local en sus casas y poder practicar fuera del aula.

Vamos a instalar un servidor local PHP.

Un servidor remoto es un servidor contratado en el que alojamos una página web cualquiera. 

Un servidor local en nuestro ordenador nos permite trabajar y probar nuestra tienda virtual antes de subirla al servidor remoto.



Por ejemplo, la página de Prestashop está en un servidor remoto, en www.prestashop.com/es/

Pero si introduzco http://localhost:8888/tienda-bourguignon/admin_garden1234 en mi Mac, lo que veo es el back office de una de las tiendas que estoy trabajando

O en el PC escribo localhost/xampp veo el panel de control de XAMPP, aunque si no lo tenemos instalado no veremos esta página. Esto es un servidor local. Es un servidor instalado en mi ordenador para poder hacer las pruebas de mi tienda virtual. De esta forma podemos trabajar sin riesgo, ya que si provocamos un estropicio en nuestra tienda, siempre podemos volver a instalar prestashop.

Vamos a instalar el servidor local. para ello necesitamos XAMPP.

Vamos a www.apachefriends.org/es/xampp.html.

El programa incorpora Apache, sobre el que vamos a trabajar, MySQL, que es la tecnología que nos permitirá trabajar con bases de datos, PHP, la tecnología sobre la que se basa Prestashop, el CMS con el que crearemos nuestra tienda virtual y que dota al programa de funcionalidad, consultas a las bases de datos, ejecución de scripts, etc...

Veremos que lo tenemos para windows, mac, linux. Y elegiremos la opción, en este caso, para windows.

Hacemos clic en la opción para descargar para windows

Buscamos la última versión para windows (en el momento de hacer este tuto es la que muestro en la captura. Supongo que cuando leáis esto habrá alguna otra más reciente)

Clic en Installer

Una vez descargado tendremos este icono en el escritorio

Tendremos que hacer doble clic y seguir los pasos. Damos permisos.

Y vamos siguiendo los pasos

Nos indica el directorio de instalación, en este caso  c:\xampp\

Siguiente. marcamos los servicios de

• Install Apache as service
• Install MySQL as service

Y de momento Filezilla no,

Lo instalamos (unos 10 min) y luego nos aparece este icono. de XAMPP control panel, que ejecutamos.

Nos abre un panel de control. Running nos indica que el programa están funcionando Apache y MySQL. Como PHP está dentro de Apache damos por hecho que los servicios necesarios para instalar Prestashop funcionan.

Si hacemos clic en Status vemos el estado de la aplicación. Vemos que httpd está en state 1, funcionando, y que usa el puerto 80. Como programas como Skype u otros de descargas usan también este puerto, o les cambiamos el puerto en la configuración avanzada o los cerramos completamente para que no hayan conflictos.

Para ver si XAMPP ya funciona abrimos un navegador y abrimos localhost/xampp

Si funciona vemos una pantalla para seleccionar el idioma y elegimos el español, y veremos esta pantalla que es el panel de control de XAMPP para Windows

Para asegurarnos de que todo va bien, en la columna lateral izquierda hacemos clic en phpMyAdmin

Y vemos el programa que usaremos para la creación de la base de datos

Y ya lo siguiente es instalar Prestashop, o Wordpress