1
00:00:00,000 --> 00:00:12,039
y buenos días tenemos aquí el proyecto número 2 que vamos a hacer poco a poco y primero hago

2
00:00:12,039 --> 00:00:18,239
una presentación de cómo va a ser y vemos cómo funciona y luego lo construiremos poco a poco

3
00:00:18,239 --> 00:00:29,879
aquí lo que tengo por un lado es una placa esp 32 con un sensor de temperatura y presión de

4
00:00:29,879 --> 00:00:37,920
De temperatura y humedad. Para presión tendríamos que añadir otro componente, pero bueno, con temperatura y humedad nos valdría.

5
00:00:38,500 --> 00:00:43,560
Lo que pasa es que el código solo va a permitir determinar la temperatura.

6
00:00:44,659 --> 00:00:48,560
El montaje tampoco lo voy a hacer, lo voy a dejar así porque es muy sencillo.

7
00:00:49,920 --> 00:00:56,560
No tiene más que, fijaos, el DHT22, acordaos, está formado por cuatro terminales.

8
00:00:56,560 --> 00:01:03,960
terminales uno iba a vcc que preferiblemente en conectarlo a 3.3 voltios como aparece aquí lo

9
00:01:03,960 --> 00:01:09,680
tengo ya conectado en rojo y luego tendríamos el gnd que nos iría aquí que sería el gnd1 de

10
00:01:09,680 --> 00:01:18,439
la placa esp y luego el serial data que era el único que se que se conectaba a la placa el otro

11
00:01:18,439 --> 00:01:23,099
se dejaba sin conectar que sería que hemos cogido un pin digital que sería el 15 entonces mucha

12
00:01:23,099 --> 00:01:30,359
complejidad no tiene el circuito por ello no lo voy a hacer como veis es muy sencillo lo que sí

13
00:01:30,359 --> 00:01:40,560
nos vamos a meter es en el código y en cómo cómo conectarlo a una web a través de samp veremos aquí

14
00:01:40,560 --> 00:01:49,019
lo tengo arrancado y veremos cómo funciona esta sería la página que se va actualizando y que

15
00:01:49,019 --> 00:01:54,180
contacta pues con walkie walkie en el que walkie lo que va a hacer es que cada vez que yo voy a

16
00:01:54,180 --> 00:02:01,640
darle ejecutar lo veis ya ha conectado a la wifi y veis esta sería la temperatura nos da una

17
00:02:01,640 --> 00:02:07,920
respuesta del servidor de 200 que sería la correcta y lo que vamos haciendo es alterar

18
00:02:07,920 --> 00:02:11,699
la temperatura y la humedad ya digo aunque altera la humedad no lo he metido en el código no se

19
00:02:11,699 --> 00:02:16,259
va a meter más que un par de líneas más pero bueno para que lo veáis solo me interesaba la

20
00:02:16,259 --> 00:02:27,500
temperatura veis que ya he hecho una actualización de 12.7 grados y veremos que en la página web que

21
00:02:27,500 --> 00:02:34,020
tenemos conectada que sería esta y cómo se va actualizando cuando actualizamos veis que me

22
00:02:34,020 --> 00:02:41,439
acaba de enviar a la son 58 me acaba de enviar una nueva lectura de 10 con 90 grados el que es

23
00:02:41,439 --> 00:02:48,879
Es el que hemos generado, lo veis, temperatura medida y la respuesta del servidor que es correcta.

24
00:02:49,319 --> 00:02:54,120
Si yo le voy a poner una temperatura de menos 24 con un grado de centígrados,

25
00:02:54,639 --> 00:03:00,860
pues al actualizar, él también, veis, actualizar, nos coge la temperatura

26
00:03:00,860 --> 00:03:06,780
y vemos a la página web que tenemos creada y vemos cómo se actualiza y cómo se actualiza también la gráfica.

27
00:03:07,080 --> 00:03:08,840
Esto es todo lo que vamos a hacer para el proyecto.

28
00:03:08,840 --> 00:03:32,639
Veis que es un proyecto IoT en el que tenemos una placa ISP en el que tenemos conectada a través de Walkway, lo hemos simulado online. Como Walkway trabaja en la nube, cuando nosotros corremos SAM en nuestro PC, en el localhost, solo es accesible desde tu propio equipo.

29
00:03:32,639 --> 00:03:37,939
Entonces, Wokwi, como se ejecuta en la nube, no puede acceder al localhost.

30
00:03:38,740 --> 00:03:42,439
Entonces, ¿cómo lo he solucionado?

31
00:03:42,560 --> 00:03:48,400
Pues lo he solucionado a través de, el problema se resuelve por medio de Ngrok.

32
00:03:48,659 --> 00:03:55,139
Ngrok, que estaría aquí, ya lo explicaré cómo lo hace Ngrok,

33
00:03:55,139 --> 00:04:01,199
nos va a permitir que el ESP32 simulado en Wokwi pueda enviar datos,

34
00:04:01,199 --> 00:04:05,020
o sea la temperatura de humedad por HTTP en vía POS o GET

35
00:04:05,020 --> 00:04:08,460
e a un script PHP en SAM

36
00:04:08,460 --> 00:04:11,319
que guarda los datos en la base de datos o el archivo

37
00:04:11,319 --> 00:04:15,039
y la web genera la gráfica con esos datos, como hemos visto.

38
00:04:15,139 --> 00:04:17,199
¿Qué sucede? Eso es lo que queríamos hacer.

39
00:04:17,699 --> 00:04:22,339
Pero sin NGROC, WAPWI no puede conectar con nuestro servidor local.

40
00:04:24,639 --> 00:04:30,879
Entonces, con NGROC lo que hace es que genera un enlace entre WAPWI

41
00:04:30,879 --> 00:04:37,199
una URL pública en DNGROC a XAMPP, PHP y gráfica web.

42
00:04:37,819 --> 00:04:43,779
Entonces, el flujo completo del proyecto sería SP32,

43
00:04:43,899 --> 00:04:50,920
Wacwi lee el DHT22, envía datos a una página de DNGROC,

44
00:04:51,000 --> 00:04:55,439
que sería esta que hay aquí.

45
00:04:55,439 --> 00:04:57,899
ngrok redirige

46
00:04:57,899 --> 00:04:59,240
a

47
00:04:59,240 --> 00:05:01,579
a mi localhost

48
00:05:01,579 --> 00:05:04,399
y php guarda los datos

49
00:05:04,399 --> 00:05:06,300
y la web xampp muestra

50
00:05:06,300 --> 00:05:07,399
la gráfica meteorológica

51
00:05:07,399 --> 00:05:10,600
entonces se necesita un comando

52
00:05:10,600 --> 00:05:11,120
para

53
00:05:11,120 --> 00:05:13,279
para

54
00:05:13,279 --> 00:05:15,899
un comando ngrok que sería

55
00:05:15,899 --> 00:05:17,620
ngrok http 80

56
00:05:17,620 --> 00:05:20,600
aquí en el código

57
00:05:20,600 --> 00:05:21,759
viene

58
00:05:21,759 --> 00:05:23,180
vamos a verlo

59
00:05:23,180 --> 00:05:25,379
que estaría aquí

60
00:05:25,379 --> 00:05:52,319
Y en el código le he puesto, sería justamente en el HTTP, cuando comienza, vamos a ver, aquí lo tenemos, tenemos aquí el servidor URL, sería este que aparece aquí, que es concretamente el que hemos puesto en Egrok.

61
00:05:52,319 --> 00:06:07,220
Entonces, nosotros lo estamos enviando primero a Ennegrock, Ennegrock luego lo enviará a nuestro servidor, lo enviará a nuestro localhost para que se actualice la página.

62
00:06:08,040 --> 00:06:14,839
Digamos que Ennegrock actúa como un intermediario, no es nada más que añadir la línea de Ennegrock aquí.

63
00:06:14,839 --> 00:06:32,740
Bien, entonces voy a explicar una vez que he publicado el contenido, o sea, cómo va a funcionar el sistema y lo único que me queda es decir que hay una serie de componentes que vamos a necesitar.

64
00:06:32,740 --> 00:06:35,379
una sería el código propio de

65
00:06:35,379 --> 00:06:37,500
Huawei, que es este de aquí

66
00:06:37,500 --> 00:06:39,240
que lo vamos a ver

67
00:06:39,240 --> 00:06:40,519
paso a paso en el siguiente vídeo

68
00:06:40,519 --> 00:06:42,819
y luego tendremos que configurar también

69
00:06:42,819 --> 00:06:44,920
los ficheros PHP

70
00:06:44,920 --> 00:06:46,300
que tendremos uno

71
00:06:46,300 --> 00:06:49,420
un test.php, un insertar

72
00:06:49,420 --> 00:06:50,720
y un config

73
00:06:50,720 --> 00:06:51,540
luego

74
00:06:51,540 --> 00:06:55,379
luego veremos concretamente

75
00:06:55,379 --> 00:06:56,980
a ver, los tengo aquí

76
00:06:56,980 --> 00:07:06,779
este sería mi cultivo

77
00:07:06,779 --> 00:07:08,699
IoT y tendremos que

78
00:07:08,699 --> 00:07:16,259
crear tanto la página html como estos tres ficheros php que sería el tema o sea el insertar

79
00:07:16,259 --> 00:07:25,199
el listar y el testear lo haremos poco a poco primero haremos explicar el código en walkway

80
00:07:25,199 --> 00:07:32,259
de cómo es veis que aquí se va actualizando poco a poco el código lo que va haciendo es una lectura

81
00:07:32,259 --> 00:07:39,519
en el loop cada 60 espera 60 segundos antes de la siguiente lectura si nosotros le ponemos un

82
00:07:39,519 --> 00:07:48,079
veis ha puesto 60 mil mil segundos si le hacemos un le promueve los tiempos pues lógicamente pues

83
00:07:48,079 --> 00:07:56,680
esto irá un poco más rápido el entonces ya digo necesitamos por partes primero el sistema de

84
00:07:56,680 --> 00:08:01,360
conexiones que ya está aquí y que es muy sencillo que no necesito

85
00:08:01,360 --> 00:08:05,860
ninguna explicación más luego el siguiente vídeo vamos a tratar de

86
00:08:05,860 --> 00:08:12,860
explicar el código en huawei para la placa esp 32 y

87
00:08:12,860 --> 00:08:18,319
posteriormente en el siguiente vídeo hablaremos de los ficheros php para que

88
00:08:18,319 --> 00:08:30,680
de la página html para que se vean se vayan actualizando las temperaturas