1
00:00:00,420 --> 00:00:02,260
Hola y bienvenidos a esta elección.

2
00:00:02,280 --> 00:00:07,550
A continuación vamos a poner en práctica el concepto de códigos de estado utilizando la pídelo servlets

3
00:00:07,830 --> 00:00:08,990
sean listos.

4
00:00:09,000 --> 00:00:16,130
Vamos bien lo primero que vamos a hacer es cerrar este proyecto vamos a dar clic derecho blows y vamos

5
00:00:16,130 --> 00:00:22,590
a crear un nuevo proyecto damos un enfile ni proyecto seleccionamos lleva with Maybelle y Web Application.

6
00:00:22,910 --> 00:00:27,170
Posteriormente damos clic en Next y el nombre del proyecto se va a llamar manejo

7
00:00:30,020 --> 00:00:39,520
códigos Estado lo depositamos en cursos de agonal servlets el grupo Airy va a ser MX con G.M La versión

8
00:00:39,520 --> 00:00:45,130
1.0 y quitamos el nombre del paquete damos en el siguiente dejamos los valores por default y damos clic

9
00:00:45,130 --> 00:00:50,400
en Finalizar bien ya se ha creado nuestro proyecto vamos a cambiar el nombre del proyecto damos clic

10
00:00:50,410 --> 00:00:51,190
derecho arruinarme

11
00:00:53,940 --> 00:01:02,560
damos siguen ok sobre los packages si se ha creado este código vamos a seleccionarlo damos clic derecho

12
00:01:02,650 --> 00:01:12,080
Delight y con eso ya tenemos los paquetes y hasta limpio y vamos a abrir el archivo de índex HTML.

13
00:01:12,230 --> 00:01:13,760
Vamos a cambiar el nombre del título

14
00:01:16,500 --> 00:01:20,250
por el título de códigos de estado.

15
00:01:20,250 --> 00:01:21,990
De igual manera el elemento H1

16
00:01:25,930 --> 00:01:32,580
va a ser códigos de estado y lo que vamos a hacer en este ejercicio es utilizar un formulario para enviar

17
00:01:32,580 --> 00:01:38,850
la información de usuario y password y dependiendo de los valores proporcionados según valores que vamos

18
00:01:38,850 --> 00:01:40,470
a definir del lado del servidor.

19
00:01:40,560 --> 00:01:45,860
Si estos valores son correctos entonces el resultado debe ser correcto y se envía sin ningún problema

20
00:01:45,860 --> 00:01:47,610
de respuesta hacia el cliente.

21
00:01:47,610 --> 00:01:53,010
Sin embargo si los valores se consideran incorrectos entonces vamos a utilizar un código de estado para

22
00:01:53,010 --> 00:01:55,180
mandar hacia el cliente un código de estado.

23
00:01:55,230 --> 00:01:59,070
Qué significa que el usuario no ha sido autorizado.

24
00:01:59,070 --> 00:02:04,890
Así que vamos a hacer lo siguiente Vamos a definir un formulario agregamos un componente de tipo Falset

25
00:02:08,800 --> 00:02:16,490
y dentro de este componente vamos a agregar la etiqueta de leyen con el título

26
00:02:19,250 --> 00:02:30,050
formulario de autorización y posteriormente agregamos una forma la forma vamos a asignarle el nombre

27
00:02:30,050 --> 00:02:31,510
de uno.

28
00:02:31,640 --> 00:02:36,140
En este caso todavía no vamos a utilizar ese nombre pero es buena práctica asignarle un nombre a nuestro

29
00:02:36,140 --> 00:02:41,910
formulario ya que posiblemente desde javascript sea necesario hacer referencia a este formulario.

30
00:02:41,930 --> 00:02:47,570
De momento no lo vamos a utilizar solamente para asignarle un nombre bien posteriormente agregamos el

31
00:02:47,570 --> 00:02:54,710
atributo de acción y lo que vamos a hacer es mandar a llamar un componente en este caso un Servlet pero

32
00:02:54,710 --> 00:02:58,270
este servlet aún no lo hemos definido lo vamos a definir a continuación.

33
00:02:58,400 --> 00:03:06,080
Así que ponemos el nombre de nuestra aplicación manejo códigos Estado y el nombre del componente simplemente

34
00:03:06,080 --> 00:03:13,060
va a ser servlet el método va a ser de tipo post y eso es todo lo que va a tener los atributos de nuestro

35
00:03:13,060 --> 00:03:13,760
formulario.

36
00:03:14,080 --> 00:03:20,560
Cerramos este Tag y ahora vamos a agregar una etiqueta la etiqueta de usuario y posteriormente un input

37
00:03:20,560 --> 00:03:30,690
text agregamos un componente de tipo input el tipo va a ser de tipo texto y agregamos el nombre de usuario

38
00:03:31,440 --> 00:03:38,760
es el nombre que vamos a recuperar del lado del servidor posteriormente agregamos algunos saltos de

39
00:03:38,760 --> 00:03:43,870
línea y agregamos el elemento de password.

40
00:03:44,030 --> 00:03:53,350
También va a ser un elemento de tipo input pero el tipo va a ser el tipo password y el nombre va a ser

41
00:03:53,500 --> 00:03:54,430
password.

42
00:03:54,430 --> 00:03:55,840
Puede ser cualquier otro nombre.

43
00:03:55,990 --> 00:04:02,750
No tiene que ser exactamente igual al tipo este nombre puede ser cualquier otro de igual manera agregamos

44
00:04:02,750 --> 00:04:11,130
unos saltos de línea y finalmente agregamos un botón para hacer el envío de este formulario.

45
00:04:11,130 --> 00:04:12,270
Va a ser el tipo submit

46
00:04:15,340 --> 00:04:23,550
y con la etiqueta con el valor de enviar y por eso estamos terminando nuestro formulario ya tenemos

47
00:04:23,610 --> 00:04:28,260
el formulario que va a enviar la información de usuario y password hacia el componente deseable.

48
00:04:28,710 --> 00:04:35,460
Ahora vamos a agregar nuestro componente de Servlet sobre nuestro proyecto damos clic derecho Niu ya

49
00:04:35,480 --> 00:04:41,090
da clase el nombre del componente se va a llamar simplemente servlet lo depositamos en el paquete web

50
00:04:41,840 --> 00:04:48,420
damos clic en Finalizar y ya sabemos cómo configurar nuestro servlet.

51
00:04:48,420 --> 00:04:52,010
Agregamos la notación de Arroba web servlet

52
00:04:54,970 --> 00:04:56,690
el Paz va a ser servlet

53
00:05:00,920 --> 00:05:05,540
extendemos de la clase HDD PC tablet importamos estas clases

54
00:05:08,210 --> 00:05:16,540
la notación y la clase y vamos a definir el método guetto protected bait Duguech

55
00:05:19,760 --> 00:05:29,050
http: servlet recuesto y la variable se llama recuesto y http: servlet respondés

56
00:05:32,420 --> 00:05:33,990
y la variable se llama WiiSports

57
00:05:36,660 --> 00:05:45,140
importamos estas clases importamos todo el paquete con punto asterisco y con eso ya tenemos la definición

58
00:05:45,140 --> 00:05:51,650
de nuestra clase y la sobre escritura del método dugout podemos agregar la notación de Merrit para indicar

59
00:05:51,650 --> 00:05:58,860
que estamos escribiendo el método de la clase padre y vamos a hacer lo siguiente vamos a simular los

60
00:05:58,860 --> 00:05:59,880
valores correctos

61
00:06:04,970 --> 00:06:09,490
pero posteriormente vamos a ver que pueden provenir por ejemplo de una base de datos.

62
00:06:09,560 --> 00:06:17,690
De momento vamos a poner esos valores en código duro así que definimos el valor de usuario ok le ponemos

63
00:06:17,690 --> 00:06:31,820
el valor de Juan y posteriormente password ok le ponemos el valor de 1 2 3 así que si el usuario proporciona

64
00:06:31,850 --> 00:06:36,440
estos valores entonces vamos a responder que todo funcionó de manera correcta.

65
00:06:36,440 --> 00:06:38,520
Sin embargo sí proporcionó otros valores.

66
00:06:38,630 --> 00:06:44,630
Entonces vamos a mandarle un cabeceros de Estado donde le vamos a indicar que el usuario no está autorizado

67
00:06:44,870 --> 00:06:48,700
para solicitar este recurso del lado del servidor.

68
00:06:48,770 --> 00:06:54,800
Ahora vamos a recibir los valores de usuario y password que ha enviado el cliente así que por medio

69
00:06:54,800 --> 00:07:04,450
de nuestro objeto recuesto de la variable recuesto solicitamos el método para meter y le pedimos el

70
00:07:04,450 --> 00:07:05,530
parámetro de usuario

71
00:07:08,360 --> 00:07:10,280
posteriormente declaramos la variable password

72
00:07:13,150 --> 00:07:14,950
solicitamos el método para meter

73
00:07:17,990 --> 00:07:24,440
y solicitamos el input llamado password así que con eso ya tenemos los valores del lado del servidor

74
00:07:24,900 --> 00:07:30,380
lo que haya proporcionado el cliente en el formulario HTML ya lo estamos recibiendo del lado del servidor

75
00:07:31,220 --> 00:07:42,340
y por último vamos a realizar la validación que hemos comentado si el usuario ok es igual a la variable

76
00:07:42,400 --> 00:07:51,970
usuario que estamos recibiendo pero también la variable password ok es igual

77
00:07:54,870 --> 00:07:57,110
al parámetro password que estamos recibiendo.

78
00:07:58,740 --> 00:08:01,000
Entonces vamos a responder con lo siguiente.

79
00:08:01,260 --> 00:08:06,560
Para ello vamos a abrir nuestro objeto primum Reiter declaramos nuestra variable out

80
00:08:10,240 --> 00:08:14,740
y mandamos a llamar el método de Twitter con la variable WiiSports.

81
00:08:14,920 --> 00:08:17,900
Importamos esta clase y reportamos esta posible excepción.

82
00:08:19,060 --> 00:08:23,570
Bien y ahora con ayuda de esta variable ATT mandamos a imprimir el resultado

83
00:08:26,590 --> 00:08:27,730
abrimos un título

84
00:08:32,640 --> 00:08:34,290
e imprimimos datos correctos

85
00:08:40,860 --> 00:08:49,880
imprimimos un salto y posteriormente el valor de la variable usuario y nos podemos apoyar de esto mismo.

86
00:08:55,230 --> 00:08:56,660
Para imprimir también el password

87
00:09:01,390 --> 00:09:03,580
y finalmente cerramos el elemento H1

88
00:09:11,030 --> 00:09:16,360
bien así que si tanto el usuario como el paso proporcionado son igual a los valores que hemos definido

89
00:09:16,360 --> 00:09:21,630
usuario Key y Passbook entonces se va a enviar esta información al cliente.

90
00:09:21,740 --> 00:09:28,940
De lo contrario vamos a utilizar un código de estado el código de estado una azorados así que respondemos

91
00:09:29,000 --> 00:09:36,610
de la siguiente forma en lugar de responder con la variable de tipo print Reiter vamos a utilizar la

92
00:09:36,610 --> 00:09:44,970
variable responsa y mandar a llamar en método sen error y vamos a enviar un tipo de error por medio

93
00:09:44,970 --> 00:09:54,060
de la variable respondés tenemos todos estos tipos de errores podemos observar que inician con ese qué

94
00:09:54,130 --> 00:10:01,230
significa estatus Coupet así que dependiendo del tipo de constante que utilicemos entonces es el tipo

95
00:10:01,230 --> 00:10:04,490
de respuesta que vamos a enviar hacia el servidor.

96
00:10:04,500 --> 00:10:14,030
En este caso el tipo de respuesta que queremos utilizar va a ser el status Coupet Bion bajo una raíz

97
00:10:15,690 --> 00:10:25,620
y posteriormente podemos enviar un comentario en este caso enviamos el mensaje las credenciales son

98
00:10:25,620 --> 00:10:32,220
incorrectas es decir que los valores de usuario y password son erróneos y finalmente cerramos nuestro

99
00:10:32,220 --> 00:10:40,820
objeto de tipo Pin reitero podemos observar que tenemos muchos tipos de código de estado muchos de estatus

100
00:10:40,820 --> 00:10:46,860
Cœur así que cualquiera de estos va a ser una respuesta del código de estado que vamos a enviar.

101
00:10:48,070 --> 00:10:55,270
Hacia el cliente pero de momento nos interesa responder con el código de estado una Humphreys bien vamos

102
00:10:55,270 --> 00:11:00,810
a guardar cambios y vamos a ejecutar damos clic derecho que también

103
00:11:04,490 --> 00:11:05,330
ejecutamos

104
00:11:08,490 --> 00:11:15,840
y podemos observar el título códigos de Estado y posteriormente el formulario formulario de autorización

105
00:11:16,350 --> 00:11:21,030
tenemos el usuario el password y el botón de enviar así que vamos a poner valores erróneos como puede

106
00:11:21,030 --> 00:11:27,600
ser el usuario admin y cualquier otro password si damos clic en Enviar en este caso estamos recibiendo

107
00:11:27,660 --> 00:11:33,060
el código de estado 405 así que ese es otro código de estado que podemos recibir.

108
00:11:34,110 --> 00:11:37,550
Sin embargo este no es el código de estado que queremos observar en este caso.

109
00:11:37,560 --> 00:11:43,020
Este código de estado nos lo está mandando debido a que no estamos implementando el método POST sino

110
00:11:43,020 --> 00:11:48,690
que lo que se implementó fue el método gheto así que tenemos que hacer este cambio.

111
00:11:48,690 --> 00:11:52,170
El método que debemos de implementar es el método post

112
00:11:55,630 --> 00:12:01,090
ya que el formulario que hemos establecido indicamos que el tipo de método que vamos a utilizar es el

113
00:12:01,090 --> 00:12:09,670
método post así que este código de estado 405 nos indica que el método HTTP POST NO es soportado por

114
00:12:09,670 --> 00:12:18,710
esta l bien vamos a regresar refrescamos de igual manera proporcionamos valores erróneos ya que recordemos

115
00:12:18,710 --> 00:12:25,160
que los valores válidos es Juan y el password 1 2 3 hace que si proporcionamos cualquier valor diferente

116
00:12:25,460 --> 00:12:31,860
y damos clic en Enviar podemos observar el código de estado HTTP estátus 401.

117
00:12:32,030 --> 00:12:38,650
Las credenciales son incorrectas así que con esto ya estamos manejando el concepto de códigos de estado

118
00:12:39,490 --> 00:12:46,930
y ahora regresamos a nuestro formulario y si proporcionamos los valores correctos es decir usuario Juan

119
00:12:47,230 --> 00:12:49,670
y password 1 2 3 y damos clic en Enviar.

120
00:12:49,690 --> 00:12:57,570
Entonces podemos llevar la respuesta datos correctos usuario Juan y password 1 2 3 así que no son solamente

121
00:12:57,570 --> 00:13:03,870
algunos de los tipos de códigos estado que podemos utilizar y conforme vayamos avanzando nos vamos familiarizando

122
00:13:04,110 --> 00:13:09,600
con estos códigos de estado bien como conexión este ejercicio hemos puesto en práctica el uso de los

123
00:13:09,600 --> 00:13:15,360
códigos de estado HTTP más comunes vimos cómo nos mandó un código de estado cuando no encontramos un

124
00:13:15,360 --> 00:13:23,130
elemento que es el código de estado 404 y también podemos observar el código de estado 401 cuando las

125
00:13:23,130 --> 00:13:26,190
credenciales de un usuario son incorrectas.

126
00:13:26,590 --> 00:13:29,660
Eso es todo por este ejercicio y nos vemos en el siguiente vídeo.

127
00:13:29,670 --> 00:13:30,210
Saludos.