Kiểm soát thiết bị qua Internet thông qua trình duyệt. (IoT): 6 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:34

Trong phần Có thể hướng dẫn này, tôi sẽ chỉ cho bạn cách bạn có thể điều khiển các thiết bị như đèn LED, Rơle, động cơ, v.v. qua internet thông qua trình duyệt web. Và bạn có thể truy cập các điều khiển một cách an toàn trên bất kỳ thiết bị nào. Nền tảng web tôi đã sử dụng ở đây là RemoteMe.org, hãy truy cập trang để biết thêm về nó.

Hãy nhớ tham khảo hình ảnh sẽ giúp bạn hiểu rõ hơn về quy trình.

Vậy hãy bắt đầu.

Bước 1: Những thứ bạn sẽ cần: -

Đối với dự án này, bạn sẽ cần: -

1. Liên kết ESP8266 (NodeMCU) cho USLink cho Châu Âu
2. LEDLink cho USLink cho Châu Âu
3. Nút nhấn Liên kết dành cho USLink dành cho Châu Âu
4. Breadboard. Link cho USLink cho Châu Âu

Phần mềm:-

1. Arduino IDE
2. Tài khoản trên RemoteMe.

Lưu ý rằng bạn có thể sử dụng Arduino hoặc Raspberry-pi cho dự án nếu bạn không có NodeMCU.

Bước 2: Thiết lập Arduino IDE: -

Đầu tiên để làm việc với NodeMCU Esp8266, bạn phải thêm các bo mạch vào IDE nếu bạn chưa thực hiện, hãy xem Hướng dẫn này tại đây.

Sau khi các Bo mạch có sẵn trên IDE, có một số thư viện cần thiết cho dự án này.

Để cài đặt các thư viện này: -

Mở IDE và Goto >> Phác thảo >> Bao gồm Thư viện >> Quản lý Thư viện. Một cửa sổ bật lên sẽ xuất hiện. Tại đây bạn sẽ Tìm kiếm các Thư viện cần thiết

Danh sách các Thư viện: -

1. RBD_Timer.h
2. RBD_Button.h
3. RemoteMe.h
4. ESP8266WiFi.h
5. ESP8266WiFiMulti.h
6. ArduinoHttpClient.h

Cài đặt từng cái một và khởi động lại IDE khi hoàn tất.

Cùng với đó, IDE đã sẵn sàng để sử dụng.

Bước 3: Thiết lập trang trên RemoteMe: -

Để sử dụng RemoteMe, trước tiên bạn phải đăng ký để có thể tạo các trang web của riêng mình và bắt đầu điều khiển thiết bị.

Goto RemoteMe.org nhấp vào "Ứng dụng", Goto Đăng ký và nhập thông tin chi tiết của bạn và nhấn đăng ký

Bạn sẽ được chào đón bằng một trang chào mừng, Bây giờ ở bên trái trong menu chọn "Thiết bị"

Ở phía bên phải bạn sẽ thấy một tùy chọn có tên là "Thiết bị mới", Nhấp vào đó sẽ xuất hiện menu thả xuống, Tại đây chọn "Trang web mới"

Bây giờ hãy đặt tên và ID thiết bị, tôi đã đặt tên nó là 'LED' và đặt ID thiết bị '203'. (ID thiết bị là số duy nhất sẽ phân biệt giữa các thiết bị khác nhau.)

Đảm bảo rằng nút chuyển đổi được đặt thành 'hoạt động' và nhấn 'gửi'. Một thiết bị mới có tên là đèn LED với ID thiết bị là 203 sẽ xuất hiện trên trang. Bây giờ hãy chọn mũi tên xuống ở phía bên phải của thiết bị và bạn sẽ thấy một khe trống nơi bạn có thể tạo các trang web

Chuyển trang GitHub này. Bạn phải kéo ba tệp (index.html, scripts.js & styles.css) và thả từng tệp một vào vị trí trống trong thiết bị của mình và bạn đã hoàn tất

Bước 4: Tải lên mã trên MCU: -

Dưới đây tôi đã cung cấp mã bạn yêu cầu để dự án hoạt động.

Trước khi bạn có thể tải mã lên, có một số thay đổi nhỏ bạn phải thực hiện trong mã.

Khi mã được mở trong IDE, bạn phải nhập tên và mật khẩu WiFi của mình vào trường bắt buộc để bảng có thể kết nối với mạng của bạn.

Thực hiện các Thay đổi trên phần sau của mã: -

#define WIFI_NAME "Nhập tên WiFi của bạn" #define WIFI_PASSWORD "Nhập mật khẩu WiFi của bạn" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Nhập Mã xác thực"

Để nhận mã xác thực, Goto Remoteme.org >> Ứng dụng >> Mã thông báo (Trong menu ở bên trái bên dưới Thiết bị)

Sao chép Mã thông báo và dán vào mã.

Bây giờ hãy kết nối NodeMCU với PC của bạn, Chọn cổng phù hợp và tải mã lên.

Bước 5: Kết nối: -

Làm theo hình trên để kết nối: -

Đèn LED được kết nối với Chân D5 của MCU.

Nút nhấn được kết nối với Pin D2.

Sử dụng một điện trở mắc nối tiếp với đèn LED để tránh làm hỏng đèn LED.

Bước 6: Kiểm tra: -

Bây giờ bạn đã hoàn thành dự án thành công. Đã đến lúc kiểm tra bản dựng.

Đầu tiên để kiểm tra xem các kết nối đã đúng chưa, Nhấn nút nhấn và bạn sẽ thấy đèn LED Bật, Nhấn lại nút sẽ tắt đèn LED

Bây giờ, hãy truy cập trang web RemotMe và mở ứng dụng của bạn. đăng nhập bằng tài khoản mà bạn đã đăng nhập

Bây giờ, hãy truy cập Thiết bị và chọn thiết bị bạn vừa tạo. Lưu ý biểu tượng liên kết Kết nối ở phía bên trái cho ID thiết bị đã chuyển sang màu xanh lục cho biết rằng bo mạch ESP được kết nối với máy chủ

Bây giờ hãy nhấp vào tệp "index.html" và chọn "mở trong tab mới", trong tab mới, một trang web sẽ xuất hiện với một vòng tròn. Bạn có thể bấm vào vòng tròn để bật và tắt đèn LED

Để điều khiển đèn LED của bạn bằng điện thoại thông minh. Một lần nữa vào trang thiết bị và nhấp vào "index.html". Lần này, hãy chọn tùy chọn cuối cùng "Lấy liên kết ẩn danh…", một cửa sổ bật lên sẽ xuất hiện với một liên kết mà bạn có thể mở trong bất kỳ điện thoại thông minh nào để điều khiển đèn LED mà không cần phải đăng nhập mỗi lần

Tùy chọn tốt hơn nữa, bạn có thể chọn tùy chọn QR ngay bên cạnh liên kết. Và quét QR bằng Android hoặc iPhone của bạn và bạn sẽ được chuyển hướng đến trang web có vòng tròn

Kiểm tra bản demo video để xem nó hoạt động như thế nào.

Hy vọng bạn thích dự án, Nếu bạn có bất kỳ câu hỏi nào hãy hỏi trong phần bình luận.

Cảm ơn.