Giới thiệu về Node-RED

dotob · August 18

Node-RED ra đời vào đầu năm 2013 bởi Nick O’Leary và Dave Conway-Jones thuộc nhóm những dịch vụ công nghệ mới nổi trội của IBM.

Đây là một công cụ lập trình dùng để kết nối các phần cứng, các API và các dịch vụ trực tuyến với nhau theo những cách thú vị và mới mẻ. Nó sử dụng phương pháp lập trình low-code cho các ứng dụng hướng sự kiện (event-based program).

Công cụ này cung cấp một giao diện trực quan trên trình duyệt mà ở đó, chúng ta có thể kết nối một cách đơn giản các luồng lại với nhau. Thêm vào đó, ta có thể sử dụng bộ thư viện khổng lồ các Node trong kho lưu trữ để tạo và triển khai chỉ với vài click chuột đơn giản.

Quote

Hướng dẫn cài đặt Node-RED trên máy tính của bạn >> Xem hướng dẫn

Các luồng được tạo trong Node-RED được lưu trữ bằng JSON nên dễ dàng import và export để chia sẻ với mọi người.

Các thành phần trong Node-RED

Sau khi cài đặt và thiết lập các tùy chọn cơ bản, ta sẽ có được giao diện như sau:

Khi sử dụng Node-RED, chúng ta có tới 4 cách để có thể tạo một ứng dụng đơn giản, nhanh chóng:

Sử dụng UI dashboard cung cấp sẵn. Đây là 1 package chưa rất nhiều các node mẫu như button, checkbox, switch, text input,… và rất nhiều UI khác chờ mọi người khám phá.
Sử dụng HTML, CSS truyền thống để tạo nên ứng dụng thay vì sử dụng các UI có sẵn, giúp chúng ta custom nhiều thứ chúng ta muốn mà UI dashboard không thể làm được.
Sử dụng các file JSON được export.
Sử dụng project được export.

Sau đây, chúng ta sẽ cùng tìm hiểu cách lập trình một ứng dụng đơn giản sử dụng giao diện Dashboard sẵn có của Node-RED.

Tạo ứng dụng bằng UI Dashboard

Đầu tiên mọi người khởi động Node-RED bằng cách mở cmd và chạy lệnh node-red. Tùy và từng hệ điều hành mà có cách khởi chạy khác nhau. Bài viết này sử dụng hệ điều hành Windows nên sau khi chạy xong sẽ được kết quả như sau:

Mọi người sẽ thấy link đến node-red trên browser mặc định tại 127.0.0.1:1880.
Truy cập vào link trên sẽ đi đến giao diện lập trình của Node-RED như bên dưới:

Để có thể sử dụng package dashboard, chúng ta sẽ chọn menu ở phía trên bên phải, chọn Manage palette và cài đặt theo hướng dẫn như bên dưới:

Tiến hành update hoặc cài đặt (install) như hình trên, ta sẽ có được package làm việc với node-RED. Package này hỗ trợ nhiều UI có sẵn để chúng ta tạo ứng dụng một cách nhanh chóng nhất.

Sau khi cài đặt ta sẽ có giao diện như sau:

Phần chuẩn bị xem như là hoàn tất, tiếp theo ta sẽ xây dựng 1 kịch bản App login đơn giản như sau:

1 text field dùng để nhập username
1 text field dùng để nhập password
1 button login dùng để đăng nhập
1 function
1 notification
1 debug

Khi người dùng nhập đúng usename và password mặt định thì sẽ hiển thị thông báo “Wellcom to Node-RED” người lại thì message có nội dung “usename or password is incorrect”.

Mọi người sẽ làm như sau đây để tạo ra flow như trên:

Tiếp theo, chúng ta sẽ config các tham số cho các block để chúng có thể làm việc được với nhau:

Config cho Text input và button.

Config cho Function:

Sau khi config ta ấn vào button Deploy.

Vào địa chỉ 127.0.0.1:1880/ui/ để mở App mà chúng ta vừa deploy lên. Giao diện nhận được như sau:

Tiến hành nhập username và password là “admin” và click button Login, ta sẽ thấy notification góc trên bên phải:

Ngược lại nếu nhập sai 1 trong 2 thì:

Đây là một vài những nét cơ bản về bộ công cụ Node-RED. Để tạo ra các sản phẩm nâng cao hơn các bạn có thể đăng ký thành viên Cộng Đồng Node-RED Việt Nam.