III. Trải nghiệm nhanh E-Ra Platform với Wokwi
[Ngày cập nhật: 02/01/25]
Last updated
Was this helpful?
[Ngày cập nhật: 02/01/25]
Last updated
Was this helpful?
Các khái niệm Unit, Gateway, E-Ra Web Dashboard, Widget... có thể cần được nắm hiểu trước khi đi vào trải nghiệm này. Các khái niệm, thuật ngữ vui lòng xem tại đây: Các khái niệm.
Wokwi là một nền tảng mô phỏng phần cứng trực tuyến, cho phép lập trình và thử nghiệm các vi điều khiển như Arduino, ESP32, STM32. Trang web này hỗ trợ viết mã trực tiếp trên trình duyệt mà không cần cài đặt phần mềm, đồng thời cung cấp các công cụ để mô phỏng mạch điện tử với cảm biến, đèn LED, động cơ, và nhiều linh kiện khác.
Trang chủ: https://wokwi.com
Tạo tài khoản và đăng nhập vào trang Wokwi.
Từ trang chủ Wokwi -> Click vào hình ảnh nền Avatar (1) và chọn My projects (2).
Chọn NEW PROJECT (1) -> chọn ESP32 (2).
Tiếp tục chọn môi trường Arduino (1) mô phỏng -> Màn hình làm việc chính với ESP32 hiện ra với chương trình code mẫu.
Vào mục tab Library Manager (1) -> Bấm vào dấu cộng Add a new library (2) -> Gõ từ khóa Era
(3) -> Chọn Era để thêm thư viện vào project (4).
Đăng nhập E-Ra Web Dashboard bằng tài khoản đã có hoặc đăng ký tài khoản theo hướng dẫn tại đây: Hướng dẫn đăng ký.
Sau khi đăng nhập, tại màn hình All Dashboard Units (1) -> Chọn tạo mới Unit Create Unit (2) -> Đặt tên Unit: Wokwi demo
(3) -> Chọn Create (4).
Lưu ý:
Chọn cho phép bật định vị trên trình duyệt khi được hỏi.
Có thể xem hướng dẫn tạo mới Unit tại đây: Tạo và quản lý Unit. Và tạo mới Gateway tại đây: Tạo và cấu hình Gateway.
Tại màn hình All Gateways (1) -> Chọn tạo mới New Gateway (2).
Điền hoặc chọn các trường thông tin của Gateway như sau:
Gateway name
ESP32 Wokwi
Board
ESP32
Unit
Wokwi demo
(Đã tạo trước đó)
Mqtt server
Việt Nam
(Mặc định)
Chọn Next Step để qua bước tiếp theo.
Chọn môi trường Arduino (1) -> Chọn Next Step (2) (Bỏ qua hướng dẫn cài đặt thư viện E-Ra dành cho công cụ Arduino IDE phía bên phải màn hình).
Bước tiếp theo điền thông tin (3):
Tên Wifi network SSID: Wokwi-GUEST
.
Password: Bỏ trống.
Bấm chọn Copy dòng mã Code (4) -> Chọn Next Step (5) chuyển qua màn hình kế tiếp.
Màn hình thông báo Gateway trên hệ thống đang trong quá trình tạo và đợi kết nối online hoàn tất.
Từ nội dung code đã Copy trong Bước 5 -> Xóa bỏ chương trình mẫu và Paste nội dung mới vào cửa sổ màn hình file sketch.ino trong project Wokwi -> Nhấn SAVE (1) và đặt tên để lưu project.
Nhấn vào Start the simulation để chạy chương trình (2) -> Đợi chương trình biên dịch và kết nối Wifi ảo thành công như bên dưới.
Lưu ý:
Trong quá trình trải nghiệm không ẩn đi tab Wokwi mà hãy thu nhỏ và để 1 bên góc màn hình quan sát. Nếu đóng tab project ESP32 vừa tạo, Gateway sẽ bị mất kết nối và ảnh hưởng đến trải nghiệm tiếp theo.
Quay trở lại trang màn hình thông báo tiến trình tạo Gateway trên E-Ra -> Tiến trình báo Gateway kết nối thành công -> Chọn Go to gateway (1)-> Trang thông tin Gateway online hiển thị ngay sau đó.
Thêm linh kiện mô phỏng bằng cách nhấn Add a new part (1) trong project. Cách đấu nối thiết bị ngoại vi cho board ESP32 này tương tự thực tế.
Ví dụ: Đấu ngõ ra chân D27 điều khiển Led, ngõ vào chân D5 đọc tín hiệu nút nhấn.
Tham khảo ví dụ đấu nối mẫu: https://wokwi.com/projects/418954836778375169
Vào E-Ra Web Dashboard thêm cấu hình các chân pin ngõ ra/ngõ vào (Input/ Output pins) cho Gateway tương ứng mô phỏng đã đấu nối. Tham khảo hướng dẫn cấu hình Gateway tại đây: Input/Output pins.
Cấu hình hiển thị Widget để trải nghiệm điều khiển và giám sát với chân pin vừa tạo. Tham khảo hướng dẫn cấu hình hiển thị Widget tại đây: Edit Dashboard.
Mở App E-Ra đăng nhập và tìm đến Unit Wokwi Demo
đã tạo.
Vui lòng thực hiện các bước theo mục Thư viện với Wokwi sẵn có để có trải nghiệm một cách tương đương và rút ngắn hơn các bước thực hiện.