0%
Loading...

Tạo cổng đăng nhập chế độ Wifi Station với HTML bằng chế độ Access Point trên ESP8266

Time: 22:42 26/03/2024 | Cao Văn Vinh

---------------------------------

ESP32/8266 cung cấp cho chúng ta 2 chế độ Wifi là Wifi Station và Access Point. Bình thường khi sử dụng bạn thường dùng Access Point cho những công việc nhỏ, mà ESP8266/32 tự đặt mình là một Webserver. Hoặc sử dụng chế độ Station để có thể truy cập vào hệ thống Internet toàn cầu, chức năng này hiển nhiên nổi bật hơn vì đa dụng và tuyệt vời của nó. Tuy nhiên, mỗi lần bạn di chuyển đi đâu, bạn phải ngồi mở Laptop/PC ra để ngồi nạp code lại cho ESP8266/32. Mục đích là để thay đổi Wifi và Password. Rất phiền phải không? Tuy nhiên, trong bài viết này mình sẽ hỗ trợ các bạn giải quyết công việc đó thông qua đoạn code và sử dụng thư viện mình tự viết để hỗ trợ kết nối Wifi Station một cách nhanh chóng

Blog hôm nay mình sẽ ít nói về cách code, tại vì mình đã có viết một thư viện Arduino riêng, việc của bạn là download về và xem code mẫu với thư viện VINHCAO_SUPPORT_WEBSERVER_CODE_LIB.zip Trong bài này mình sẽ nêu nguyên lý hoạt động và giải thích code cho các bạn hiểu nhé!

Đầu tiên, chúng ta nói về nguyên lý. Code mình viết sẽ có 2 chế độ là AP Mode và Wifi Station, khi bạn vào code bạn sẽ thấy một hàm để phát Wifi với tên Setup Wifi và Password 12345678. Bạn có thể nạp code vào và kết nối Wifi này, khi đó bạn truy cập IP: 192.168.4.1 để vào Webserver. Webserver này là mã HTML do chính ESP8266 phát ra, lúc này sẽ có giao diện như sau:

Lúc này bạn nhập SSID và Password Wifi của bạn vào và nhấn Kết nối. Sau đó tiến hành reset lại ESP8266/32. Những dữ liệu này sẽ được lưu vào EEPROM để phục vụ bạn kết nối vào lần sau mà bạn không cần phải đăng nhập lại. Sau đó bạn vào màn hình Serial Monitor, bạn dễ dàng thấy được Wifi của bạn đã được Kết nối!

Bạn có thể tải thư viện và sử dụng tại đây:

Việc thêm thư viện thì như cách bạn add thư viện Arduino bình thường, sau khi Add bạn vào Example và chọn thư viện như hình dưới là bạn thấy đoạn code mình viết sẵn rồi!

Code mình viết khá là dễ hiểu và mình có comment code, bạn cố gắng đọc hiểu nhé! Lúc mình rảnh mình sẽ lên video nói về vấn đề này thêm nhé! Cảm ơn các bạn!

Và đừng quên, mình có hỗ trợ code đồ án thuê với các dự án liên quan tới vi xử lý (PIC, Arduino, Rapsberry Pi, ESP32/ESP8266). Hỗ trợ giao tiếp webserver, database. Hỗ trợ truyền dữ liệu không dây như Lora, RF.... Đặc biệt nhận thiết kế xe điều khiển, xe tự hành, xe tránh vật cản,... với giá hạt dẻ. Chi tiết liên hệ 0865700435 hoặc bất kỳ phương tiện nào nha!

Có thể bạn quan tâm


Instagram YouTube Discord Github Facebook Contact Phone
Check Internet Connection