Bạn muốn chat với AI, bật tắt đèn, xem camera ngay trên một giao diện web đẹp mắt?
Thay vì mất hàng tháng học ReactJS hay VueJS, với Python và Streamlit, bạn chỉ cần... 50 dòng code.
1. Streamlit là gì?
Streamlit là "cây đũa thần" cho dân Python.
Không cần HTML/CSS: Bạn viết code Python, nó...
Nhiệm vụ hôm nay:
1. Dạy Python Server cách "nghe" dữ liệu từ MQTT.
2. Vẽ thêm đồng hồ đo Nhiệt độ & Độ ẩm lên ứng dụng Mobile.
3. Tận hưởng cảm giác nhìn điện thoại nhảy số tanh tách.
1. Nâng cấp Backend (server.py)
Hiện tại Server chỉ biết "nói" (Gửi lệnh Bật/Tắt). Giờ nó phải biết "nghe"...
Hôm nay chúng ta sẽ vẽ giao diện điều khiển (UI) cho căn nhà. Không cần nói nhiều, nhìn phát biết ngay đèn nào đang bật, quạt nào đang quay.
1. Nâng cấp Backend (API quản lý thiết bị)
Trước khi vẽ nút bấm, Backend phải biết trạng thái của các thiết bị.
Mở file backend/server.py và thêm logic...
Mục tiêu hôm nay:
Tạo một trang web nền đen (bg-black).
Tông màu chủ đạo là Cyan (Xanh lơ) đặc trưng của Jarvis.
Có hiệu ứng xoay tròn (Arc Reactor) khi AI đang suy nghĩ.
Kết nối trực tiếp với bộ não FastAPI chúng ta đã xây dựng.
1. Bước 0: Cấp quyền truy cập (CORS)
Trước khi làm giao diện...
Đã bao lâu rồi anh em mình cứ phải nhìn cái màn hình Terminal đen ngòm với dòng chữ trắng tẻ nhạt?
User: Hi
Bot: Hello
Nhìn chán đời thực sự! 😤
Hôm nay, chúng ta sẽ "đập đi xây lại" mặt tiền cho Jarvis. Chúng ta sẽ biến nó từ một script Python chạy ngầm thành một Web App xịn xò với đầy đủ tính...
Bạn đã code xong con AI cực thông minh.
Nhưng bạn vẫn đang chat với nó qua dòng lệnh:
User: Hello
Bot: Hi there!
Nhìn rất chán đời.
Để biến nó thành một sản phẩm thương mại (Product), bạn cần một giao diện Web (UI).
Tin vui là bạn không cần học Frontend (HTML, CSS, JS). Chỉ cần Python là đủ...