Hướng dẫn làm webapp trong IoT cho iNut Platform bằng node-red-dashboard

Phần mềm

• Trên điện thoại di động:
  • iNut - Công tắc wifi (các bạn search trong apple store hoặc google play từ khóa inut là ra). Tải về trên Apple Store, tải về ở Google Play.
• Trên máy tính:
  • Git
  • NodeJS (mirror)

Phần cứng

• iNut - 1 thiết bị (hoặc tự chuẩn bị NodeMCU, Module Relay, nút nhấn và nạp firmware theo hướng dẫn này)
• iNut - Cảm biến (hoặc tự chuẩn bị thêm một con NodeMCU khác và nạp firmware theo hướng dẫn này)
• Arduino Uno
• Cảm biến mưa
• Cục pin dự phòng (có cũng được ko có cũng được, nhiệm vụ của nó chỉ để cấp nguồn cho con cảm biến mưa để demo thôi à :D)

Các bạn nối thêm một dây breadboard nối chân 3V (hoặc 3V3) trên iNut cảm biến vào nguồn 3v3 của Arduino nhé

#include <Wire.h>
#define N_SENSOR  2
float sensors[N_SENSOR]; //biến lưu trữ danh sách cảm biến
 
//rain sensor
//Để nối chân cho gọn nên mình sử dụng luôn các chân Analog cho tiện gắn dây, các bạn muốn dùng chân nào cũng được
#define VCC A0          
#define GND A1
#define PIN_DIGITAL A2
#define PIN_ANALOG A3
 
void setup() {
  Serial.begin(9600); //Bật Serial Montior, các bạn dùng baudrate bao nhiêu cũng được
  
  Wire.begin(10); //Theo như yêu cầu của iNut Platform, các bạn sẽ dùng cổng I2C với địa chỉ là 10.
  Wire.onRequest(i2cRequestEvent); //Mỗi khi iNut - Cảm biến yêu cầu thì sẽ chạy hàm này nhằm mục tiêu gửi dữ liệu lên cho iNut - Cảm biến, cứ 01 giây sẽ yêu cầu gửi 01 lần
  
  Serial.println("Xin chao iNut Platform");
 
  pinMode(VCC, OUTPUT);
  pinMode(GND, OUTPUT);
  pinMode(PIN_DIGITAL, INPUT);
  digitalWrite(VCC, HIGH);
  digitalWrite(GND, LOW);
  
}
 
void i2cRequestEvent()
{
  //phải có nhé, chỉ cần 02 dòng này là data đã được gửi đi
  char *data = (byte*)&sensors; 
  Wire.write(data, sizeof(sensors));
 
 
  //debug - Kiểm tra cho bạn dễ hình dung dữ liệu được gửi đi
  Serial.print("sizeof(sensors): ");
  Serial.println(sizeof(sensors));
  Serial.print("sizeof(float): ");
  Serial.println(sizeof(float));
}
 
 
void loop() {
  //Nhiệm vụ của bạn là gán giá trị cảm biến vào các phần tử của mảng sensors
  sensors[0] = digitalRead(PIN_DIGITAL);
  sensors[1] = analogRead(PIN_ANALOG);
 
}

Nếu bạn không biết nạp code cho Arduino, xin hãy xem hướng dẫn ở đây.

Kết quả của chúng ta khi test trên phần mềm iNut

Ở giao diện khối lệnh, các bạn sẽ để ý thấy có hai khối lệnh màu tím (mqtt in) như sau:

Đây là hai khối lệnh hồi tiếp thời gian thực, tức là khi có ai đó nhấn nút điều khiển thiết bị (đối với iNut - nút nhấn) hoặc khi cảm biến có giá trị mới (đối với iNut - Cảm biến). Các bạn click vào từng ô để đổi các thông tin bên trong:

Trong app iNut, các bạn làm theo video hướng dẫn để copy mã Topic này nhé. Cài đặt > iNut 1 nút nhấn > Dành cho nhà phát triển (dưới cùng) > copy Node-RED topic. Các bạn làm tương tự với iNut Cảm biến nhé.

Tiếp đến, khối lệnh vàng json là khối lệnh để chuyển dữ liệu từ iNut thành mã Json để dễ dàng cho việc "tách" dữ liệu, nhiệm vụ của bạn chỉ là if else để điều hướng sự kiện mà thôi.

Ô màu xanh tiếp theo là ô debug, thông tin debug sẽ xuất hiện ở màn hình bên góc phải!

Vì iNut 01 nút nhấn chỉ có một trạng thái thiết bị nên ta chỉ lấy trạng thái thiết bị số 0, đối với iNut cảm biến thì ta lại cần 02 luồn vì lưu giá trị digital và analog của cảm biến mưa.

Ví dụ, nếu bạn muốn lấy trạng thái của nhiều thiết bị hơn thì làm sao? Chỉ việc copy các ô trạng thái cũ. Ví dụ như sau:

Kế tiếp là các khối nút nhấn và công tắc, các bạn có thể thấy rằng rất nhiều khối tương tự như ở bảng bên trái:

Tiếp theo là block gửi lệnh cho các thiết bị iNut nút nhấn.