# Arduino IDE con IoT: Arduino Cloud

Esta plataforma [https://docs.arduino.cc/arduino-cloud/](https://docs.arduino.cc/arduino-cloud/) nos permite conectar nuestras placas (Arduino v4, ESP32, et...) con un panel de control **Dashboard** y así controlarlos a distancia por Internet.

El mecanismo es sencillo, el ESP32 conectado por internet, pasa variables a un código (Sketch), a este conjunto se le llama **Thing**, y este se lo comunica a **IoT CLOUD** y la plataforma lo comunica a los paneles de control. **Dashboard** que se puede ver desde el PC o desde el móvil El proceso también funciona al revés.

[![2024-07-07 21_26_04-Exploring the Arduino Nano ESP32 _ MicroPython & IoT Cloud - YouTube.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-07-21-26-04-exploring-the-arduino-nano-esp32-micropython-iot-cloud-youtube.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-07-21-26-04-exploring-the-arduino-nano-esp32-micropython-iot-cloud-youtube.png)Extraído de[ Youtube Exploring the Arduino Nano ESP32](https://www.youtube.com/watch?v=R51tf66es9w&t=1286s)

1. Creamos una cuenta en **Arduino Cloud**
2. Instalamos **Arduino Create Agent**
3. **Build the Thing** es decir preparamos nuestra placa ESP32 con el Sketch 
    1. Creamos the device
    2. Creamos the thing
    3. Añadimos las variables
    4. Creamos el scketch y lo grabamos en el ESP32
4. Construimos un **Dashboard** o panel de control

##### <span style="color: rgb(22, 145, 121);">**PASO 1 LOGUEARSE EN ARDUINO CLOUD**</span>

**En Plan** permite una cuenta gratuita sólo se pueden 2 **things** ver [https://cloud.arduino.cc/plans](https://cloud.arduino.cc/plans)

##### <span style="color: rgb(22, 145, 121);">**PASO 2 ADRUINO CREATE AGENT**</span>

**Arduino Create Agent** te lo puedes descargar desde [https://cloud.arduino.cc/download-agent](https://cloud.arduino.cc/download-agent), se descarga, se ejecuta, hay que seguir los pasos, se queda en segundo plano en el PC y no tienes que preocuparte

[![2024-07-07 21_55_42-Editing Page Arduino Cloud _ Librería CATEDU.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-07-21-55-42-editing-page-arduino-cloud-libreria-catedu.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-07-21-55-42-editing-page-arduino-cloud-libreria-catedu.png)

##### <span style="color: rgb(22, 145, 121);">**PASO 3 Build the Thing: CREATE DEVICE**</span>

Primero añadimos un Device o placa en [https://app.arduino.cc/devices](https://app.arduino.cc/devices)

[![2024-07-07 21_50_29-Devices _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-07-21-50-29-devices-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-07-21-50-29-devices-arduino-cloud.png)

Elegimos placa Arduino

[![2024-07-07 21_52_49-Setup Device _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-07-21-52-49-setup-device-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-07-21-52-49-setup-device-arduino-cloud.png)

Si falla, ponemos la placa en modo Bootloader (ver qué es eso en [https://libros.catedu.es/books/arduino-alvik/page/instalar-micropython](https://libros.catedu.es/books/arduino-alvik/page/instalar-micropython) ) y entonces detectará el puerto

Conectamos nuestro Arduino Alvik y saldrá un diálogo con un TOKEN on **Secret key** que lo guardaremos **ante todo no hacerlo público**

**[![2024-07-07 22_43_26-Exploring the Arduino Nano ESP32 _ MicroPython & IoT Cloud - YouTube.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-07-22-43-26-exploring-the-arduino-nano-esp32-micropython-iot-cloud-youtube.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-07-22-43-26-exploring-the-arduino-nano-esp32-micropython-iot-cloud-youtube.png)**

##### <span style="color: rgb(22, 145, 121);">**PASO 3 Build the Thing: CREATE THING**</span>

<span style="color: rgb(0, 0, 0);">Una vez creada la placa, nos vamos a Thing, crear</span>

<span style="color: rgb(0, 0, 0);">[![2024-07-07 22_45_52-Things _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-07-22-45-52-things-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-07-22-45-52-things-arduino-cloud.png)</span>

<span style="color: rgb(0, 0, 0);">Asociamos el Thing al Device, y le configuramos una red wifi (te predirá el Secret Key)</span>

<span style="color: rgb(0, 0, 0);">[![2024-07-10 14_17_16-Untitled Thing _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-10-14-17-16-untitled-thing-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-10-14-17-16-untitled-thing-arduino-cloud.png)</span>

##### <span style="color: rgb(22, 145, 121);">**PASO 3 Build the Thing: CREATE THING-VARIABLES**</span>

<span style="color: rgb(0, 0, 0);">Luego añadimos variables, por ejemplo RGBverde que va a encender y apagar la luz verde, va a ser tipo Bool y Read&amp;Write</span>

<span style="color: rgb(0, 0, 0);">[![2024-07-11 12_15_52-micosa-alvik Thing _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/pPS2024-07-11-12-15-52-micosa-alvik-thing-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/pPS2024-07-11-12-15-52-micosa-alvik-thing-arduino-cloud.png)</span>

##### <span style="color: rgb(22, 145, 121);">**PASO 3 Build the Thing: CREATE THING-SKETCH**</span>

<span style="color: rgb(0, 0, 0);">Dentro de Thinks nos vamos a SKETCH</span>

<span style="color: rgb(0, 0, 0);">[![2024-07-11 12_17_56-micosa-alvik Thing _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-11-12-17-56-micosa-alvik-thing-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-11-12-17-56-micosa-alvik-thing-arduino-cloud.png)</span>

<span style="color: rgb(0, 0, 0);">y vemos que ha creado un código ***thingProperties.h*** que tiene que tener el SSID de la wifi, su contraseña y la palabra clave de nuestro ESP32, podemos ponerlo manualmente o nos fijamos y en **Secret Tab** estan ya puestos :</span>

<span style="color: rgb(0, 0, 0);">[![2024-07-16 10_28_00-DETECTOR CO2 Thing _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-16-10-28-00-detector-co2-thing-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-16-10-28-00-detector-co2-thing-arduino-cloud.png)</span>

<span style="color: rgb(0, 0, 0);">[![2024-07-11 12_19_15-micosa-alvik Thing _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-11-12-19-15-micosa-alvik-thing-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-11-12-19-15-micosa-alvik-thing-arduino-cloud.png)</span>

<span style="color: rgb(0, 0, 0);">El otro script es el nombre que hemos creado en Thing y vemos que :</span>

- <span style="color: rgb(0, 0, 0);">LINEA 9 Esta declarada la variable que hemos añadido</span>
- <span style="color: rgb(0, 0, 0);">LINEA 16 Incluye la librería  ***thingProperties.h*** </span>
- <span style="color: rgb(0, 0, 0);">*LINEA 41* Añadimos en setup() la declaración que D13 SERÁ SALIDA **pinMode(D13,OUTPUT);**</span>
- <span style="color: rgb(0, 0, 0);">LINEA 60 AL 66 Añadimos en **onRGBverdeChange** una condicional, de tal manera que si la variable es cierta, que encienda el led y si es falsa que lo apague</span>

<details id="bkmrk-%C2%BFpor-qu%C3%A9-es-d13%3F-%C2%BFno"><summary>¿Por qué es D13? ¿NO TENDRÍA QUE SER 48?</summary>

Eso ya lo hemos visto en [https://libros.catedu.es/books/arduino-alvik/page/parpadeo-led-esp32](https://libros.catedu.es/books/arduino-alvik/page/parpadeo-led-esp32)

[![2024-07-07 20_14_06-Alvik User Manual _ Arduino Documentation.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-07-20-14-06-alvik-user-manual-arduino-documentation.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-07-20-14-06-alvik-user-manual-arduino-documentation.png)  
Fuente [https://docs.arduino.cc/tutorials/alvik/user-manual/](https://docs.arduino.cc/tutorials/alvik/user-manual/)

{{@12239#bkmrk-si-usamos-micropytho}}

</details>```c++
/* 
  Sketch generated by the Arduino IoT Cloud Thing "Untitled"
  https://create.arduino.cc/cloud/things/34a0aae1-c7b9-42ab-92d4-0e37bd51031f 

  Arduino IoT Cloud Variables description

  The following variables are automatically generated and updated when changes are made to the Thing

  bool rGBverde;

  Variables which are marked as READ/WRITE in the Cloud Thing will also have functions
  which are called when their values are changed from the Dashboard.
  These functions are generated with the Thing and added at the end of this sketch.
*/

#include "thingProperties.h"

void setup() {
  // Initialize serial and wait for port to open:
  Serial.begin(9600);
  // This delay gives the chance to wait for a Serial Monitor without blocking if none is found
  delay(1500); 

  // Defined in thingProperties.h
  initProperties();

  // Connect to Arduino IoT Cloud
  ArduinoCloud.begin(ArduinoIoTPreferredConnection);
  
  /*
     The following function allows you to obtain more information
     related to the state of network and IoT Cloud connection and errors
     the higher number the more granular information you’ll get.
     The default is 0 (only errors).
     Maximum is 4
 */
  setDebugMessageLevel(2);
  ArduinoCloud.printDebugInfo();

  /// MI CODIGO
  pinMode(D13,OUTPUT);
}

void loop() {
  ArduinoCloud.update();
  // Your code here 
  
  
  
}



/*
  Since RGBverde is READ_WRITE variable, onRGBverdeChange() is
  executed every time a new value is received from IoT Cloud.
*/
void onRGBverdeChange()  {
  // Add your code here to act upon RGBverde change
  if (rGBverde){
    digitalWrite(D13,HIGH);
    
  }else{
    digitalWrite(D13,LOW);
    
  }
}

/*
  Since RGBrojo is READ_WRITE variable, onRGBrojoChange() is
  executed every time a new value is received from IoT Cloud.
*/
void onRGBrojoChange()  {
  // Add your code here to act upon RGBrojo change
}
```

Lo subimos

[![2024-07-11 12_32_16-micosa-alvik Thing _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-11-12-32-16-micosa-alvik-thing-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-11-12-32-16-micosa-alvik-thing-arduino-cloud.png)

Ojo, tienes que tener el Arduino **Arduino Create Agent paso 2**

##### <span style="color: rgb(22, 145, 121);">**PASO 4 Dashboard**</span>

<span style="color: rgb(0, 0, 0);">Creamos un panel de control</span>

<span style="color: rgb(0, 0, 0);">[![2024-07-11 12_38_29-Dashboards _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-11-12-38-29-dashboards-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-11-12-38-29-dashboards-arduino-cloud.png)</span>

<span style="color: rgb(0, 0, 0);">Y le añadimos un Switch asociado a la variable RGBverde</span>

<span style="color: rgb(0, 0, 0);">[![2024-07-11 12_39_36-ENCENDER-LEDS-ARDUINO-ALVIK Dashboard _ Arduino Cloud.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-11-12-39-36-encender-leds-arduino-alvik-dashboard-arduino-cloud.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-11-12-39-36-encender-leds-arduino-alvik-dashboard-arduino-cloud.png)</span>

<span style="color: rgb(0, 0, 0);">Podemos ver el dashboard en un teléfono móvil instalando la [APP Arduino IoT Cloud Remote](https://play.google.com/store/search?q=arduino+cloud+iot&c=apps)</span>

<span style="color: rgb(0, 0, 0);">[![2024-07-11 12_43_31-arduino cloud iot - Aplicaciones de Android en Google Play.png](https://libros.catedu.es/uploads/images/gallery/2024-07/scaled-1680-/2024-07-11-12-43-31-arduino-cloud-iot-aplicaciones-de-android-en-google-play.png)](https://libros.catedu.es/uploads/images/gallery/2024-07/2024-07-11-12-43-31-arduino-cloud-iot-aplicaciones-de-android-en-google-play.png)</span>

<span style="color: rgb(0, 0, 0);">Al loguearse con tu cuenta, ya nos aparece el Dashboard</span>

##### <span style="color: rgb(22, 145, 121);">**Resultado**</span>

<span style="color: rgb(0, 0, 0);"><iframe allowfullscreen="allowfullscreen" height="314" src="https://www.youtube.com/embed/YDVMybJtWUU" width="560"></iframe>

</span>