11. Servidor web e instalar Wordpress

-

¿Qué es un servidor en informática?

Cuando hablamos de servidor a casi todos nos viene a la cabeza un gran ordenador de este estilo:



En realidad, un servidor en realidad es un programa informático, lo que ocurre es que cuando instalamos un servidor en un ordenador (pequeño o grande), a ese ordenador POR EXTENSIÓN también se le llama servidor.



¿De qué se encarga un servidor?

Un servidor atiende solicitudes/peticiones que le envía un cliente (otra software o aplicación informática). En muchos de los casos el servidor proporcionará (servirá) una respuesta a ese cliente que le ha enviado la petición.


En el caso del SERVIDOR WEB, la respuesta que proporciona es una página web (código), o algún otro tipo de información: JSON, archivos, etc, etc.

El cliente es el llamado "navegador web" (Firefox, Chrome, Explorer, etc). Una aplicación móvil (apps) también pueden contener un cliente que envia peticiones y recibe datos de un servidor.

Si la petición se hace desde un navegador, esta tiene forma de URL, por ejemplo, si escribimos en la barra de direcciónes de nuestro navegador http://www.wikipedia.com y pulsamos "Enter", estaremos en realidad enviando una petición al servidor web de Wikipedia.

Tras nuestra petición, uno de los servidores web de Wikipedia nos responderá con el contenido de la página principal de Wikipedia, que se visualizará a continuación en el navegador desde hemos realizado la petición.


¿Dónde podemos instalar un servidor web?

Un servidor web es puede instalar en cualquier ordenador personal, o incluso en una "tablet" o un móvil.

El cliente y el servidor puede estar instalados en nuestro ordenador de casa. Una vez finalizado el código/archivos del sitio web se instala en un servidor web remoto para que la página web sea accesible para cualquier usuario desde cualquier parte del planeta.

¿Cuando tendremos que instalar un servidor web cuando trabajemos en local?


Será necesario instalar un servidor web, si queremos usar un CMS como WordPress.

Instalar un servidor web: XAMPP

El servidor web más difundico es Apache.

Para instalar Apache en el sistema operativo Windows, la manera más facil es a través del paquete WAMPP.

  • W: Windows
  • A: servidor web Apache.
  • M: MariaDB (base de datos).
  • P: WAMPP incluye un interprete de PHP (lenguaje de programación de servidor web) para que el servidor sirva archivos PHP
  • P: Perl (lenguaje de programación de servidor web).

WAMPP es la versión para Windows de un paquete llamado XAMPP.


 Pasos para instalar e iniciar XAMPP:

1. Vamos a https://www.apachefriends.org/es/index.html
2. Descargar XAMPP para Windows (XAMPP).
3. Seguimos el proceso de instalación con los valores por defecto.
4. Al finalizar la instalación aparece el panel de control de XAMPP.

5. Ahora, iniciamos Apache pulsando sobre el botón "Start":

6. Por último, escribimos en la barra de direcciones del navegador "localhost" . Nos aparecerá esto:

La página web que aparece corresponde a un archivo HTML que se ha instalado junto con XAMPP en la siguiente ruta:

C:\xampp\htdocs\dashboard\index.html

Si abrimos dicho archivo "index.html" y lo modificamos por ejemplo quitando la "W" de "Welcome", y recargamos la página (F5) veremos que en el documento NO aparece la "W". Esto significa que cuando escribimos "localhost", en nuestro navegador se descarga el archivo "index.html" servido por el servidor. Podemos decir que el servidor "a ido a buscar dicho archivo y lo ha servido".

Acceder a nuestros archivos a través de Apache

Hasta ahora, los archivos HTML que hemos creado, los hemos abierto directamente con el navegador, haciendo dobre click sobre ellos o pulsando el botón derecho acudiendo a "Abrir con > Firefox", por ejemplo.

Con un servidor web instalado en nuestro PC, será el (Apache) quien nos los sirva. Para ello, nosotros previamente tendremos que realizar la solicitud escribiendo la URL correspondiente en el navegador.

Para que el servidor web pueda servir nuestro documentos HTML, será necesario colocarlos en una carpeta concreta dentro de la ruta C:\xampp\htdocs\.

Por ejemplo, imaginemos que tenemos un proyecto de un sitio web en el directorio "mi_sitio_web". Para poder acceder a sus archivos (por ejemplo "mi_web.html") a través de Apache, copiaremos dicho directorio en la ruta c:\xampp\htdocs, y a continuación escribiremos en la barra de direcciones del navegador:

localhost/mi_sitio_web/mi_web.html

A continuación, debería de visualizarse la página "mi_web.html" en el navegador.

Modificar la contraseña del usuario root en MySQL

Por defecto, la instalación de XAMPP incluye la instalación de la base de datos MariaDB que es equivalente a MySQL. Dicha base de datos incluye por defecto un usuario de nombre "root" pero sin una contraseña asociada. Para asignar un contraseña a dicho usuario escribimos lo siguiente desde la pestaña SQL de PHPMyAdmin:

UPDATE mysql.user SET Password=PASSWORD('**********') WHERE User='root'; FLUSH PRIVILEGES; 
 

WordPress

WordPress es el CMS más usado, y permite crear sitios web sin tener apenas nociones de HTML, CSS, bases de datos, etc.

WordPress permite delegar la modificación del contenido del sitio web al cliente final, ya que para realizar dichos cambios no se requerira tener conocimientos sobre etiquetas HTML, CSS, bases de datos, etc, etc.

Instalar Wordpress


  1. Para instalar Wordpress, buscamos en Google "descargar wordpress" y pinchamos sobre el primer resultado, o escribimos "https://es.wordpress.org/" en la barra de direcciónes del navegador.
  2. Dentro de la página que aparece, acudimos a la sección "Primeros pasos co WordPress" y clicamos sobre "Descarga e instala WordPress":
     
  3. En la página que aparece, pulsamos sobre "Descargar Wordpress":
  4. Una vez descargado, extraemos el directorio "wordpress" en C:\xampp\htdocs de manera que quede C:\xampp\htdocs\wordpress y escribimos "localhost\wordpress" en la barra de direcciones del navegador. Debería de aparecer la siguiente página:
  5.  Como vemos, en la anterior imagen se nos están pidiendo una seríe de datos sobre una base de datos. WordPress es un CMS que necesita una base de datos para funcionar. Como hemos comentado antes, cuando instalamos WAMPP instalamos tambien el gestor de bases de datos MariaDB. Antes de crear esa base de datos, vamos a iniciar el servidor MariaDB pulsando sobre el boton "Start" del panel de control de XAMPP. El panel de control de XAMPP se encuentra en "Inicio de Windows > Todos los programas > XAMPP":
  6. A continuación escribimos en la barra de direcciones del navegador, "localhost/phpmyadmin" para accederemos a phpMyAdmin. phpMyAdmin es una herramienta que se instala cuando instalamos XAMPP que nos permite gestionar de manera gráfica nuestro base de datos MariaDB:
  7. En phpMyAdmin, clicamos sobre "Bases de datos" para crear una nueva base de datos. A continuación escribimos "wordpress" en la casilla donde pone "Nombre de la base de datos", y además en el "select" que aparece a la derecha ("Collation") selecciónamos "utf8_general_ci." Por último pulsamos el botón crear.
  8. Ahora, acudimos de nuevo al proceso de instalación de Wordpress y clicamos sobre "Vamos a ello". En el formulario que aparecerá en la siguiente páginas escribimos como nombre de la base de datos "wordpress", como nombre de usuario de la base de datos escribimos "root", y la casilla para la contraseña la dejamos vacia. 
  9. A continuación accederemos a esta página, donde estableceremos el nombre que le queremos dar a nuestro sitio web, el nombre de usuario (cualquiera) y la contraseña, que debera ser de tener nivel medio de seguridad. Pulsamos sobre "Instalar WordPress" para finalizar la instalación.
  10. Por último nos aparecerá un formulario de acceso al area administrativa de nuestro nuevo sitio WordPress, donde escribiremos el usuario y la contraseña que hemos establecido en el paso anterior.

Comentarios

Publicar un comentario

Entradas populares de este blog

29. Android: tipos de layouts

-
Imagen
Uno de los elementos de los que estan compuestas la interfaces de usuario en Android son los " layouts ". Los "layout" son elementos invisibles de la interfaz de usuario. En realidad son como un contenedor que establece la manera en que se dispondrán los elementos que coloquemos en su interior. Por lo general, cada interfaz de usuario tendrá un "layout" que actuará como contenedor general de toda nuestra interfaz , es decir, englobando al resto de los elementos que la componen. Los tipos de "layouts" que podemos añadir a nuestras interfaces de usuario son los siguientes: LinearLayout TableLayout RelativeLayout AbsoluteLayout FrameLayout ConstraintLayout GridLayout Los veremos en detalle cada uno de ellos en este mismo artículo. El "layout" por defecto de la interfaz de usuario Como ya hemos visto anteriormente, cuando creamos un nuevo proyecto Android, se genera un archivo XML para la interfaz de usuario llamado ...
Leer más

5. CSS: formatear un documento HTML

-
Imagen
Las hojas de estilos CSS permiten formatear los elementos HTML y/o cambiar el lugar en que estos se visualizan por defecto en el navegador. Al igual que HTML, CSS es un lenguaje que interpreta el navegador. El código CSS tiene este aspecto: Añadir CSS en un documento HTML Existen 3 métodos , para incluir hojas de estilos CSS a un documento HTML: Mediante el atributo style="..." . Mediante la etiqueta <style></style> Mediante archivos con extensión ".css" externos (RECOMENDADO) . Veamos a continuación cada una de ellas en detalle. Añadir CSS mediante el atributo style="..." Este método consiste en escribir las reglas CSS directamente en la etiqueta HTML a través del atributo style="..." . El siguiente enlace se visualizará de color rojo y tamaño de letra 8 píxeles. <a href="..." style="color: red; font-size: 8px" > Añadir CSS mediante la etiqueta <style></style> Ot...
Leer más

34. Java: final, static, constantes, colecciones

-
Imagen
El modificador "final" La palabra clave " final " se puede aplicar en: variables métodos clases 1. Variables : cuando se aplica " final " en variables , quiere decir que la variable sólo podrá ser inicializada una vez, es decir una vez asignado un valor, este no podrá ser cambiado, y si en algún sitio se intenta cambiarlo el compilador dará error . Ejemplo: En el cuerpo del enumerado anterior, se declaran dos atributos de tipo " final ". Es aconsejable añadir "final" a un atributo cuando sabemos que su valor no debería de ser modificado una vez inicializado , tal y como ocurre en este enumerado. Es decir, en este caso, las constates que se declaran dentro del enumerado, se inicializaran dentro del constructor TipoLugar(),  y ya no deberían de cambiarse , por tanto nos puede venir bien declarar esos dos atributos como final para evitar la posiblidad de que se puedan cambiar el valor de ambos atributos una vez inicializa...
Leer más