logongas

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
====== 1. Introducción. La web ======



===== La web =====
La web son páginas (En formato HTML, Imagen, JSON, XML ,etc) que se interconectan entre ellas por enlaces (urls).

Su estructura es la siguiente:

{{esquema_web.png|}}



El navegador solicita por TCP/IP el recurso a obtener. El formato de como solicita ese recurso es por el protocolo HTTP. Y el servidor de TCP/IP responde usando el protocolo HTTP devolviendo los datos.

En el ejemplo podemos ver que se pide el recurso /index.html. Una vez obtenido , el navegador ve que hay enlaces a otros recursos que también solicita al servidor:
  * "/img/main.jpeg", "/css/style.css" y "/js/index.js": Los obtiene del sistema de archivos
  * "/api/clientes.json": Lo obtiene en función de la información de la base de datos

Con todo ello , muestra la página HTML+CSS+Imagen y ejecuta el código JavaScript sobre la página dentro del navegador.

En el host servidor se estaba ejecutando el servidor TCP/IP que entiende el protocolo HTTP. A ese software lo llamaremos servidor Web. El servidor es "personalizable" permitiendo que se ejecute código específico para nuestra aplicación. Ese código específico es el código de servidor que se suele escribir en Java, PHP, NodeJS, etc.

Por lo tanto en una app web hay 3 tipos de código:
  * Código de visualización: HTML, CSS, Imágenes, Videos, etc.
  * Código en el cliente: El JavaScript que se ejecuta en el navegador
  * Código en el servidor: El programa específico de la aplicación que se ejecuta en el servidor Web

En la siguiente imagen vemos un esquema similar en el que las peticiones van hacia varios servidores Web

{{fetching_a_page.png|}}
===== Chrome DevTools =====
Los navegadores suelen llevar herramientas para depurar las páginas web. En Chrome , si pulsamos F12 y pinchamos en la opción de "Network" (Menu superior), podemos ver todas las peticiones que hace el navegador al cargar una página.

{{:clase:daw:daw:1eval:devtools.png|}}

Podemos ver en la página del CIPFP Mislata, como se han hecho 40 peticiones , siendo entre ellas:

^ Servidor ^ Ruta dentro del servidor ^
| www.gstatic.com  | /charts/loader.js  |
| www.fpmislata.com  | /moodle/lib/javascript.php/1588418173/lib/requirejs/require.min.js   |
| www.fpmislata.com  | /logos/amadeus.png   |
| www.fpmislata.com  | /moodle/theme/image.php?theme=clean&component=core&image=help   |





===== Desplegar =====

<note>Desplegar: Instalar la aplicación web que hemos desarrollado (HTML,CSS,JS,Código Servidor, etc) en un servidor Web.</note>

Para desplegar hay muchas cosas a tener en cuenta.

<note tip>
¿Cómo distingues al loro propiedad de un desarrollador de software de los loros cuyos dueños son de otras profesiones? Es el que repite sin parar **«En mi equipo funciona bien»**. ^_^ 
</note>

===== Desafíos y tareas para desplegar =====

  * Generación de la aplicación a instalar
    * Obtener el código fuente
    * Compilar el código fuente
    * Probar la aplicación
    * Analizar la calidad del código
  * Múltiples programas a instalar
    * Sistema Operativo
    * Servidor Web
    * Base de datos
    * La aplicación
    * Servidor de envío de correos
    * Etc.
  * Hosts
    * La base de datos puede estar en un Hosts y el servidor web en otro Hosts, etc.
    * Los Host pueden ser maquinas virtuales o máquinas físicas estando cada una de ellas en proveedores distintos (Amazon AWS, Microsoft Azure, Google Cloud, etc).
  * Administración
    * Creación de copias de seguridad
    * Logs
    * Seguridad: Recuperación en caso de perdida de datos por algún fallo
  * Rendimiento: Permitir que la aplicación siga funcionando aunque haya un pico de peticiones
    * Añadir nuevas máquinas si hay un pico de peticiones y quitarlas cuando ya no las hay tantas peticiones
    * Balanceo de carga entre todos los servidores de la aplicación
    * Monitorización del rendimiento
    * Alertas de bajo rendimiento
  * Fiabilidad: Permitir que la aplicación siga funcionando aunque falle algún Host.
  * Microservicios: Una única aplicación se divide en pequeñas micro-aplicaciones, llamadas **microservicios** con lo que se multiplican todas las complicaciones anteriores por el número de microservicios que tengamos
    * [[http://www.genbetadev.com/paradigmas-de-programacion/trabajar-con-microservicios-evitando-la-frustracion-de-las-enormes-aplicaciones-monoliticas|Trabajar con microservicios: evitando la frustración de las (enormes) aplicaciones monolíticas]]
    * [[http://www.javiergarzas.com/2015/06/microservicios.html|¿Qué es eso de los microservicios?]]
    * [[http://martinfowler.com/articles/microservices.html|Microservices por Martin Fowler]]

===== Herramientas relacionadas con el despliegue =====


Herramientas que vamos a usar en clase:
  * Script de Bash
  * Git
  * Docker
  * Jenkins
  * NodeJS

Otras herramientas y Servicios:
  * Kubernetes
  * Vagrant
  * AWS
  * Ansible
  * etc. Hay muchísimas herramientas distintas y servicios que ayudan al despliegue de aplicaciones.


===== Ejemplos de Tipos de Despliegue =====

  - Todo el código está en un único servidor servidor Web
  - Como en el caso anterior pero se añade Todo el código está en un único servidor servidor Web y hay una base de datos pero todo en el mismo Host
  - Todo el código está en un único servidor servidor Web en un Host y la base de datos está en otro Host
  - Todo el código está en un único servidor servidor Web en un Host , la base de datos está en otro Host y la copias de seguridad de la base de datos están en otro Host
  - Todo el código está en un único servidor servidor Web pero distribuido en 4  Host, hace falta otro host adicional para el balanceo de carga , la base de datos está en otro Host y la copias de seguridad en otro Host.
  - El código fuente está dividido en 3 microservicios, estando cada uno de ellos en un host distinto. Dos de los microservicios usan cada uno su propia base de datos que está cada una en su propio Host y el último microservicio necesita de otro Host con  un servidor de correo para enviar notificaciones.
  - Como en el caso anterior pero se añade que los log de todos los servidores web y de las bases de datos, están centralizados en un Host distinto.
  - Como en el caso anterior pero se añade otro servidor que es el que cuando se quiere cambiar el programa , compila el código y lo instala en los Hosts que sea necesario.
  - Como en el caso anterior pero se añade que el código fuente está en otro servidor.
  - Como en el caso anterior pero uno de los microservicios tiene una base de datos tolerante a fallos, por lo que hay 2 Host para la base de datos, de forma que los datos están sincronizados entre ellos y un balanceador de carga si detecta un fallo en una base de datos, redirige las peticiones a la otra base de datos.



En el siguiente diagrama se vería el ejemplo "4" donde , el servidor web, la base de datos y el servidor de copias de seguridad son servidores distintos:

{{:clase:daw:daw:1eval:esquema_app.png|}}

===== Conceptos =====

  * VPS (Virtual Private Server): Una máquina virtual que alquilas a una empresa.
  * Empresa de Hosting: Empresa que alquila los Host sean tanto un VPSs como una  máquina real
  * Balanceador de carga: Software que le llega una petición y la redirige a otro Host de entre varios para no sobrecargar ningún Host o evitar enviarlo a un host que no funciona
  * Escalabilidad: Diseñar la aplicación de forma que se alquilen o se desalquilen Hosts (VPS o máquinas reales) en función de la carga del sistema
  * Tolerancia a fallos: Diseñar la aplicación de forma que aunque un host falle, la aplicación siga funcionando


  * IAAS (Infraestructura como servicio) : Si la empresa de Hosting solo se ofrece el Host y nosotros nos tenemos que instalar todo el software, incluyendo el sistema operativo y administrarlo todo.
  * PAAS (Plataforma como servicio): Si la empresa de Hosting nos ofrece el  Host pero tambien software generico ya instalado como el Sistema Operativo, Servidor Web, Servidor de Correo, Balanceador de Carga , etc. En este caso nosotros solo debemos instalar el código específico de nuestra aplicación.En este caso aunque nos ofrecen un host ya que en algún sitio debe estar la app, realmente nos están ofreciendo el servidor web donde instalar nuestra app. En el caso de PAAS, no tenemos que administrar nosotros ni el Sistema Operativo ni el servidor.
  * SAAS (Software como Servicio): Como desarrolladores nunca usamos un SASS ya que la empresa de hosting ya ofrece hasta la aplicación instalada. Un ejemplo sería Google con "Google Docs" , Microsoft con su "MS Ofice 365", DropBox , etc. que ya ofrecen todo para el usuario final.


Ejemplo de PAAS en Java:

{{:clase:daw:daw:1eval:jelasticenvironment.png|}}

==== IAAS vs PAAS ====
El IAAS es mas versátil ya que solo nos ofrecen el ordenador y nosotros nos montamos todo como queremos. El problema es que es mas complicado todo de hacer y tenemos que administrarlo todo: Sistema operativo, servidor web y aplicación

Por otro lado en el PAAS, solo nos tenemos que preocupar de nuestra aplicación lo que hace que sea mas sencillo. El problema es que ya no hay tanta versatilidad, ya que debemos ceñirnos al entorno que nos ofrece la empresa

===== NodeJS =====
NodeJS (o simplemente node) es un lenguaje de programación basado en JavaScript. Al ser un lenguaje interpretado, su forma de trabajar es mas similar a BASH que a Java. 
¿Porque vamos a usar NodeJS? Porque muchas herramientas para el desarrollo web están hechas en node. 
Además del lenguaje de programación, node incluye un gestor de paquetes similar al de Linux (como apt) que se llama "npm" (Node package manager )

==== Instalación de NodeJS ====

  * Instalar Node en Ubuntu
Antes de empezar, deberemos configurar el proxy que se usa en el CIPFP Mislata para la orden **apt**, para ello editar el fichero **"/etc/apt/apt.conf"** y añadir lo siguiente:

  Acquire::http::proxy "http://172.16.0.9:8080/";
  Acquire::https::proxy "http://172.16.0.9:8080/";

Ejecutar los siguientes comandos:
<sxh shell>
sudo apt update
sudo apt install nodejs
sudo apt install npm
</sxh>

  * Instalar Node en Windows 
Instalar NodeJS desde la página oficial de  [[https://nodejs.org/es/|Node.JS]]


==== NPM ====
Ahora vamos a configurar el proxy para el gestor de paquetes de node. 

Lanzar los siguientes comandos:
<sxh shell>
npm config set proxy http://172.16.0.9:8080
npm config set https-proxy http://172.16.0.9:8080
</sxh>

==== Proyectos con node ====

  * Inicializar un proyecto en Node. Se crea el fichero ''package.json'' que es fundamental en node ya que contiene toda la información del proyecto

<sxh bash>
npm init
</sxh>

  * Instalar un paquete nuestro poyecto. Se guarda en la carpeta ''node_modules''

Instalar la librería de JavaScript llamada "jQuery"
<sxh bash>
npm install jquery
</sxh>


  * Instalar un paquete de forma global. Se guarda en "/usr/bin"

<sxh bash>
npm install typescript -g
</sxh>

  * Instalar todo de nuevo si no está la carpeta ''node_modules''

<sxh bash>
npm install
</sxh>

==== Programar en NodeJS ====
Ahora vamos a ver como ejecutar código node.

El programa mas sencillo es hacer el "Hola Mundo". Para ello creamos un fichero llamado "index.js" con el contenido siguiente:
<sxh js>
#!/usr/bin/env node

console.log('Hola Mundo');
</sxh>

Para ejecutarlo hay que lanzar la orden:
  node index.js

Y mostrará por consola el mensaje "Hola mundo"

Como en NodeJS se usa JavaScript, podemos usar todo lo que sabemos de JavaScript en un programa de node.


===== Ejercicios =====

==== Ejercicio 1 ====
Navega a la página [[https://www.apache.org/]] e indica:
  * Nº de peticiones que hace
  * Al menos dos Hosts a los que hace peticiones
  * Las rutas dentro del servidor de  4 recursos.
  * 3 tipos distintos de ficheros que solicita (js o css o png , etc)

==== Ejercicio 2 ====
Del apartado "Ejemplos de Tipos de Despliegue" de este tema, haz un diagrama del esquema de Hosts que se usan y que software se instalaría en cada uno de ellos.
Pero solo para los ejemplos 2, 5 y 10

==== Ejercicio 3 ====
Imagina un nuevo ejemplo de despliegue que tenga al menos 4 servidores. Deberás explicarlo y hacer su esquema.

==== Ejercicio 4 ====
Busca por internet el nombre de 2 servidores web que permitan aplicaciones en Java y de 2 servidores web que permitan aplicaciones en PHP

==== Ejercicio 5 ====
Busca por internet el nombre de 2 balanceadores de carga y indica cuando usarías cada uno de ellos.

==== Ejercicio 6 ====
Busca por internet el nombre de dos empresas que ofrezcan servicios de tipo IAAS

==== Ejercicio 7 ====
Busca por internet el nombre de dos empresas que ofrezcan servicios de tipo PAAS

==== Ejercicio 8 ====
Busca por internet el nombre de dos empresas que ofrezcan servicios de tipo SAAS

==== Ejercicio 9 ====
Busca dos empresas de Hosting y comprara el precio de sus VPS, suponiendo características parecidas. ¿Cual elegirías?

==== Ejercicio 10 ====
Busca por internet una empresa con su precio y características para poder tener:
  * Aplicación en Java con servicio IAAS
  * Aplicación en Java con servicio PAAS
  * Aplicación en PHP con servicio IAAS
  * Aplicación en PHP con servicio PAAS

==== Ejercicio 11 ====
NodeJS tiene una librería llama [[https://mathjs.org/|Math.js]] que permite trabajar con números complejos.

Haz una aplicación en node que sume los números complejos (2+4i) y (-5+3i) y muestre el resultado por pantalla.Indica como ejecutar  la aplicación
logongas

Herramientas de usuario

Herramientas del sitio

Herramientas de la página
