Tresavis

Visual Estudio Code per Arduino.

Descripció.

En aquesta practica instal·larem el editor VS Code. Configurarem el editor per programar les plaques d’Arduino, també per fer pagines Web i també per poder treballar amb la base de dades remota de Firebase. És un editor mes complert que el editor Arduino IDE.

Contingut:

• Instal·lar VS Code.
• Instal·lar Python.
• Instal·lar l’extensió PlatformIO en VS Code.
• Crear un nou projecte.
• platformio.ini.
• La carpeta src.
• Programar la placa.
• El port COM.
• Instal·lar llibreries.
• Instal·lar Node.js.
• Crear un servidor Web, Node.js.
• Instal·lació de l'extensió Node.js per l'editor VS Code.
• Instal·lació de Firebase Tools per VS Code.
• Bibliografia.

Instal·lar VS Code.

Podem descarregar el programari del editor VC Code en:

Descarregar i instal·lar seguin el assistent, acceptar, següent, instal·lar i fi.

La aparença de la interfície del editor es com la que segueix:

Instal·lar Python.

Python es necessari per programar ESP32 i ESP8266 amb VS-Code-PlatformIO.

Descarreguem l’ultima versió de Phyton en:

Executem l’assistent d’instal·lació. Important omplir la casella “Add Python to Path” per afegir la ruta global a seguir per executar Python en el ordinador.

Al acabar la instal·lació i comprovar que la configuració ha sigut un èxit, ja podem tancar.

Instal·lar l’extensió PlatformIO en VS Code.

Per programar les plaques ESP32 i ESP8266 amb el editor VS Code és imprescindible instal·lar PlatformIO.

Obrir VS Code, anar a extensions i buscar PlatformIO.

Cliquem la extensió i l’instal·lem. Comprovem que la extensió està habilitada globalment:

Obrim PIO Home:

A la part de baix a l’esquerra trobem els comandos de PlatformIO:

D’esquerra a dreta, els següents comandos:

PIO Home

Construir/ Compilar

Pujar el codi a la placa

Netejar

Monitor sèrie

Nova terminal

Crear un nou projecte.

Com exemple crearem un petit programa per la placa ESP8266, que farà que el led de la placa s’encengui i s’apagui.

Anem a:

PIO Home > Projectes > Crear nou projecte

En la següent finestra, posem el nom del projecte i el tipus de placa, el framework ja surt automàticament, Arduino:

Clic en “Finish”, surt la següent finestra:

Clic en “Sí”.

Amb el botó explorador veiem el nostre projecte de nom intermitent.

Per defecte s’han creat un mut de carpetes i fitxers que la majoria no els farem servir, però no es poden eliminar.

El fitxer: platformio.ini

És el fitxer de configuració, podem afegir-hi altres configuracions com llibreries per ser incloses, opcions per carregar el codi a la placa, com també la velocitat del serial monitor.

Per les plaques ESP32 i ESP9266, necessitem posar la velocitat de serial monitor a 115200.

Afegim la següent línia:

monitor_speed = 115200

Guardem els canvis (Ctrl+s).

La carpeta src.

És la capeta de treball, conté el fitxer main.cpp on escriurem el nostre codi.

Escrivim el nostre codi:

Aquest codi tant serveix per la placa ESP32 com per l’ESP8266 perquè les dues plaques tenen connectat el LED incorporat en el GPIO 2.

Programar la placa.

El botó “Upload” compila el codi i el puja a la placa.

Clic en PIO Home > Project Tasks > Upload

O bé en la barra d’eines de baix a l’esquerra, el botó de la fletxa.

Si la pujada ha sigut exitosa: El resultat és de que cada segon s’encén el LED.

Aquest codi tant serveix per la placa ESP32 com per l’ESP8266 perquè les dues plaques tenen connectat el LED incorporat en el GPIO 2.

Observem el que mostra el monitor: Clic en PIO Home > Project Tasks > Monitor

El port COM.

VS Code detecta automàticament el port connectat amb la placa. Per mostrar el port COM, anar a PIO Home > Devices

És el port COM5.

Instal·lar llibreries.

Volem instal·lar la llibreria BME280 del sensor de temperatura i humitat.

Clic en PlatformIO > PIO Home > Libraries

En la finestra de les llibreries escrivim en el buscador BME280.

Escollim la llibreria d’Adafruit. L’afegim la llibreria al projecte “Add Project”. Ens pregunta el nom del projecte, el posem i ja tenim la llibreria afegida.

Instal·lar Node.js.

Node.js es un entorn de servidor Web de codi obert, utilitza el llenguatge JavaScript per crear i configurar el servidor Web. El servidor Node.js es asíncron, es mes rapit que un servidor Php-Apache.

Anar a:

i descarregar la versió LTS

Executem el arxiu descarregat que es un arxiu .msi i anem seguin l’assistent:

Al finalitzar s’obre un terminal de Windows per acabar d’instal·lar eines necessàries per Node.js.

Pressionem qualsevol tecla per continuar. Quan acaba ja es pot tancar el terminal de línia de comades CMD.

Crear un servidor Web, Node.js.

Crear un servidor Node.js es tant fàcil com: escriure un fitxer.js de només 5 línies.

Codi.

var http = require('http');
var dataHora = require('./primerModul');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.end('Hola mon mundial! Avui es: '+dataHora.myDateTime());
}).listen(8080);
         
          

Aquest codi en el servidor Node.js, envia al navegador del client la frase:

Guardem el nou fitxer com primerNode.js en la carpeta nova anomenada nodejs.

Node.js és té que inicialitzar:

Obrim CMD de Windows, naveguem fins on tenim guardat el fitxer anterior i escrivim:

Ara si escrivim en el navegador:

Per mes informació cal visitar el tutorial de node.js:

Instal·lació de l'extensió Node.js per l'editor VS Code.

Servirà per crear pagines web amb l’editor VS Code.

Obrim VS Code, clic en extensions i en el buscador escrivim: node.js extension pack.

Clic en el botó “Install” a la dreta.

Reiniciem el VS Code al acabar l’instal·lació.

Instal·lació de Firebase Tools per VS Code.

Firebase és una aplicació de Google on podem guardar dades i poder-les gestionar des d’Android, IOs o d’una WEB-app.

Obrir VS Code, anar a Terminal, Nova Terminal:

Escrivim el comando cd \ per anar a l’arrel i poder instal·lar allà el Firebase-Tools:

Després escrivim el comando: npm -g per fer una instal·lació global:

Una vegada instal·lat Firebase-tools, mirem la versió, escrivim:

En el nostre cas tenim el error de que no és pot carregar el fitxer: firebase.ps1

Anem al ubicació del fitxer problemàtic:

Eliminem el fitxer firebase.ps1 i tornem a testar la versió:

Comprovem que ja no hi han errors.

Bibliografia: