Tạo blog với Esp8266: 7 bước

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

Nếu blog của bạn đơn giản và lượng truy cập bình thường, tôi sẽ hướng dẫn bạn sử dụng esp8266 làm máy chủ blog. Một năm tốn 1 đô la tiền điện:)

Và kết quả bạn sẽ có một trang web như thế này:

Bước 1: Thiết kế web

Điều này là tùy thuộc vào tất cả mọi người. Tôi sử dụng Google doc để giới thiệu về bản thân và sau đó lưu nó vào máy tính của tôi ở định dạng html. Nhưng trong hướng dẫn hôm nay, tôi đã tải xuống một mẫu có sẵn trực tuyến cho nhanh (https://www.w3schools.com/w3css/w3css_templates.asp) Chỉ có một số chi tiết cần lưu ý:

• Ảnh nên tải lên một host nào đó rồi lấy link về file html (mình dùng photobucket tạm thời)
• Thư viện js, css thông thường sẽ có cdn. Sử dụng cdn thay vì lưu trực tiếp vào esp8266.
• Ví dụ mình sẽ chỉ có trang chủ giới thiệu bản thân để các bạn phát triển thêm:)

Và đây là kết quả khi mở file html trên máy tính:

Bước 2: Chuyển đổi tệp Html thành tệp H

Mở tệp html (css, js) vừa có ở trên. Sau đó, bạn sao chép nội dung. Truy cập https://hs2t.com/tools/html2CString Dán nội dung vào hộp đầu tiên và sau đó nhấn Chuyển đổi. Sao chép nội dung trong hộp thứ hai:) đưa vào tệp.h

Bước 3: Mã Esp8266 (sử dụng Arduino)

Tải xuống và chỉnh sửa mã bên dưới:

• Thay đổi wifi nhà bạn
• Thay đổi ip tĩnh thành cài đặt của modem (bạn phải gán ip cố định để mở cổng vào internet dễ dàng hơn)
• Về phần ddns, mình sẽ giải thích rõ hơn trong phần gán tên miền miễn phí!

Ok, sau khi tải code xong, vào kiểm tra IP cục bộ của nó (ví dụ: 192.168.1.24) thì thấy trang web ok: D

Bước 4: NAT Port

Điều này phụ thuộc vào modem của bạn, ví dụ như trên modem của bạn. Nhà mình dùng modem gw040

Khi quá trình chuyển hoàn tất, bạn có thể truy cập blog của chúng tôi từ internet bằng địa chỉ IP (ví dụ: https://123.123.123.123). của bạn.

Ghi chú:

• Một số modem mở port thì xem web bằng IP công cộng với mạng không được, còn ngoài mạng thì xem bình thường là được.
• Nếu bạn sử dụng bộ phát 3G để cấp mạng cho ESP8266, nó sẽ không hoạt động ngoài internet:)

Bước 5: DDNS

Vì ip của chúng tôi là động, chúng tôi cần sử dụng dịch vụ DDNS. Tên miền gắn với ip nhà bạn là gì? Khi IP nhà của bạn thay đổi, nó sẽ cập nhật dịch vụ DDNS để dịch vụ gán một IP mới cho miền của chúng tôi. Đầu tiên bạn đăng ký một tài khoản và một tên miền miễn phí như myname.boxip.net tại https://boxip.net tại đây I sử dụng tên

Sau đó sao chép liên kết wget trong trang cài đặt để thay thế bằng mã ESP8266. ESP8266 mặc định cứ sau 5 phút sẽ gọi lên máy chủ DDNS để cập nhật IP, bây giờ bạn hãy thử vào https://han.boxip.net và tận hưởng thành quả nhé: P

Bước 6: Video hướng dẫn bằng tiếng Việt

Nếu thấy hay và bổ ích các bạn nhớ đăng ký kênh để nhận thêm nhiều video nhé

Bước 7: Bài báo truyền cảm hứng cho tôi

www.instructables.com/id/How-to-Build-a-ES…

Anh ấy đã hướng dẫn chi tiết cách tạo webserver. Nhưng trang web này đơn giản và chỉ hoạt động cục bộ. Tôi đã cải thiện nó thành một blog cá nhân có thể xem trên internet