1
00:00:00,120 --> 00:00:06,210
Cours significa intercambio de recursos de origen cruzado permítelo navegadores modernos enviar y recibir

2
00:00:06,210 --> 00:00:12,600
datos restringidos, como por ejemplo pueden ser flujos de datos stream archivo de un dominio, imágenes,

3
00:00:12,690 --> 00:00:19,830
hoja de estilos CSS, script en general cualquier tipo de recursos desde un dominio a otro diferente

4
00:00:19,920 --> 00:00:21,330
que ha hecho la petición.

5
00:00:21,450 --> 00:00:28,260
Es decir, es un mecanismo de control de acceso http para acceder a ciertos recursos en un servidor

6
00:00:28,380 --> 00:00:28,860
bikeinn.

7
00:00:28,950 --> 00:00:33,780
Por lo tanto, tenemos un cliente que accede a través de un navegador a recursos que están desplegados

8
00:00:33,840 --> 00:00:36,240
y servidos en otro dominio.

9
00:00:36,390 --> 00:00:42,510
Entonces la idea es que el navegador se encargue de toda esta materia de seguridad que ya es un estándar

10
00:00:42,540 --> 00:00:46,560
para compartir estos recursos entre diferentes dominios.

11
00:00:46,650 --> 00:00:53,040
Entonces primer paso se debe configurar cours en el servidor API rest, es decir, en el piquen cords.

12
00:00:53,160 --> 00:01:00,180
Determina si se permite compartir recursos en una solicitud de origen cruzado en un recurso específico

13
00:01:00,240 --> 00:01:04,950
en función de si el dominio específico que realiza la solicitud está permitido.

14
00:01:05,070 --> 00:01:11,520
El tipo de solicitud http que se realiza si está permitido el get, el post, el put@, el delito.

15
00:01:11,610 --> 00:01:12,060
En fin.

16
00:01:12,510 --> 00:01:19,470
Entonces, para resumir el modo en que trabaja cords es interactuando entre navegador web y el servidor

17
00:01:19,770 --> 00:01:24,300
para determinar si es seguro o no permitir estas peticiones de origen cruzado.

18
00:01:24,420 --> 00:01:32,120
Primero se envía un pre request indicando si el dominio que intenta acceder a este recurso en el servidor,

19
00:01:32,280 --> 00:01:34,900
si tiene acceso a qué tipos de peticiones.

20
00:01:34,920 --> 00:01:42,600
Por ejemplo, si tiene acceso a post a get apud Adelheid iba a devolver al navegador todos los métodos

21
00:01:42,690 --> 00:01:45,600
que están soportados para este dominio.

22
00:01:45,720 --> 00:01:50,370
Luego se envía el rico test final que requiere el recurso y se da el diversi.

23
00:01:50,460 --> 00:01:57,150
Este dominio tiene permiso para poder acceder a este recurso y si es así, va a devolver la respuesta

24
00:01:57,300 --> 00:01:59,490
con el recurso solicitado.

25
00:01:59,790 --> 00:02:06,870
Por ejemplo, con el servicio REST en formato JSON, o bien si sube un archivo, una hoja de estilo

26
00:02:06,960 --> 00:02:12,460
u JavaScript, una imagen, un video, cualquier flujo de dato del tipo String.

27
00:02:13,110 --> 00:02:19,950
Bien, vamos a implementar courts en nues tra api rest en el controller de una forma bastante simple.

28
00:02:20,070 --> 00:02:21,420
Vámonos a Eclipse.

29
00:02:21,630 --> 00:02:25,950
Lo primero es ir al controlador, al cliente rest controller.

30
00:02:26,610 --> 00:02:32,400
Y sobre la clase, vamos a anotar con. con Kross origen.

31
00:02:35,570 --> 00:02:41,110
Y acá tenemos varios atributos donde podemos especificar, por ejemplo, el Origins.

32
00:02:41,330 --> 00:02:47,060
Acá se indica el dominio, el dominio o la IP del servidor y puede soportar un arreglo.

33
00:02:47,180 --> 00:02:51,620
Acá podemos indicar como restricción que puede soportar una lista de dominios permitidos.

34
00:02:51,710 --> 00:03:00,620
Por ejemplo, en el caso de Angular sería el local host con el puerto 4200 y con eso ya damos acceso

35
00:03:00,740 --> 00:03:04,850
a este dominio para que pueda enviar y recibir datos.

36
00:03:04,940 --> 00:03:09,440
Además, también podemos especificar, por ejemplo, los métodos permitidos.

37
00:03:09,590 --> 00:03:16,010
Acá tenemos método, un arreglo y podemos indicar acá, por ejemplo, el post, el guet, el put.

38
00:03:16,070 --> 00:03:22,340
Todos los métodos que vamos a permitir en este API rest por defecto vamos a dejar todos, así que no

39
00:03:22,340 --> 00:03:23,090
lo vamos a incluir.

40
00:03:23,390 --> 00:03:30,170
También podríamos incluir, por ejemplo, las cabeceras permitida restricciones sobre los igers http.

41
00:03:30,350 --> 00:03:33,560
Pero vamos a dejar esto por defecto para que permita.

42
00:03:33,710 --> 00:03:40,070
Todos guardamos y con eso ya tenemos nuestro cours configurado en el servidor.

43
00:03:40,280 --> 00:03:44,000
Ahora sí que esta aplicación con Angular se va a poder conectar sin ningún problema.

44
00:03:44,120 --> 00:03:46,490
Iba a poder realizar peticiones.

45
00:03:46,580 --> 00:03:53,030
Le vamos a poder entregar el listado cliente y después con implementemos el CRUD va a poder enviar datos

46
00:03:53,090 --> 00:03:57,050
para que se guarden, se modifiquen o se eliminen en nuestra API.

47
00:03:57,050 --> 00:04:01,400
Resto bien, por ahora quedamos hasta acá y cualquier duda la revisamos.

48
00:04:01,490 --> 00:04:02,390
Hasta la próxima.