LÀM BLOG VỚI ESP8266, MỘT NĂM TỐN 10K TIỀN ĐIỆN

Mô tả dự án: 

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

Và kết quả bạn sẽ có một trang web như thế này: http://han.boxip.net/

THIẾT KẾ WEB

Cái này thì tuỳ thuộc mỗi người. Mình thì dùng Google doc làm một bài văn giới thiệu về bản thân xong rồi lưu về máy với định dạng html. Nhưng trong hướng dẫn hôm nay mình down một template có sẵn trên mạng cho nhanh (https://www.w3schools.com/w3css/w3css_templates.asp) Chỉ có một vài chi tiết cần lưu ý:

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

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

CHUYỂN HTML THÀNH H FILE

Mở file html (css, js) vừa có được ở trên. Sau đó các bạn copy nội dung. Truy cập vào trang https://hs2t.com/tools/html2CString/ Dán nội dung vào ô đầu tiên rồi ấn nút Convert. Copy nội dung ở ô thứ 2 :) đặt vào file .h

CODE ESP8266 (SỬ DỤNG ARDUINO)

Các bạn dowload và chỉnh sửa code bên dưới:

  • Đổi lại wifi nhà bạn
  • Đổi lại ip tĩnh cho khới với cài đặt của modem (phải gán một ip cố định để cho việc mở port ra ngoài internet được thuận tiện)
  • Riêng đoạn ddns mình sẽ giải thích thêm ở phần gán tên miền miễn phí!

 
Ok, sau khi nạp code xong các bạn vào thử IP local của nó (ở ví dụ là 192.168.1.24) thấy trang web lên là ok :D

MỞ PORT TRÊN MODEM

Cái này tuỳ từng modem mình chỉ ví dụ trên modem nhà mình thôi nha. Nhà mình dùng modem của VNPT gw040

Mở port xong giờ thì có thể vào blog của chúng ta từ ngoài internet bằng địa chỉ IP (ví dụ: http://123.123.123.123) Có thể vào trang https://ping.eu/ để biết IP public của bạn.

Lưu ý:

  • Một vài modem mở port xong thì xem web bằng public IP cùng mạng không được, nhưng ở ngoài mạng thì xem bình thường không sao cả.
  • Riêng mạng FPT thường cung cấp private IP nên nhiều khi mở port xong cũng không vào được từ internet. Các bạn phải gọi lên tổng đài FPT nói họ đổi qua public IP mới được nhé.
  • Nếu bạn sử dụng bộ phát 3G để cấp mạng cho ESP8266 thì sẽ không chạy được ngoài internet nhé :)

GÁN TÊN MIỀN MIỄN PHÍ

Vì ip của chúng ta là ip động nên cần phải sử dụng dịch vụ DDNS. Nôm na là kiếm một cái tên miền gắn với ip nhà bạn. Khi ip nhà bạn đổi thì nó sẽ cập nhật lên dịch vụ DDNS để dịch vụ này gán IP mới cho tên miền của chúng ta.

Đầu tiên các bạn đăng ký tài khoản và một tên miền miễn phí dạng myname.boxip.net ở trang https://boxip.net/ ở đây mình sử dụng tên http://han.boxip.net/

sau đó copy link wget trong trang cài đặt để thế vào code ESP8266. Mặc định 5 phút một lần ESP8266 sẽ gọi lên server DDNS để cập nhật IP.

Giờ vào thử http://han.boxip.net/ và hưởng thụ thành quả thôi :P

HƯỚNG DẪN VIDEO TỪ A ĐẾN Z

Các bạn thấy hay và hữu ích thì nhớ subscribe kênh để nhận được thêm nhiều video nữa nha

lên
10 thành viên đã đánh giá bài viết này hữu ích.
Từ khóa: 
Các dự án được truyền cảm hứng

Select any filter and click on Apply to see results

Các bài viết cùng tác giả

Module sim đã lỗi thời? Nhận thông báo bằng FB Messenger (Zalo)

Chắc hẳn anh em đã quá quen thuộc với việc dùng module sim để nhắn sms thông báo trạng thái nhà cửa, ruộng vườn rồi. Đến thời điểm hiện tại thì module sim vẫn có một ưu thế là mạng di động đã phủ sóng toàn quốc, không cần cài app nhưng SMS sẽ rất là tốn kém chưa kể đến việc phải thường xuyên nạp tiền và kiểm tra hạn sử dụng.

Hôm nay, tại đây, chúng ta cùng nhau chứng kiến một sự khởi đầu mới của xu hướng công nghệ trên toàn cầu (mượn lời bác Quảng) đó là Facebook Messenger. Thực tế, anh em đều phải công nhận là giờ máy ai cũng có FB messenger. Cho nên mình mới nghĩ đến việc nhận thông báo thay vì SMS thì nhận qua FB Messenger. Cũng có thể coi là chẳng cần phải cài thêm app, lại còn nhận được nội dung tiếng Việt có dấu một cách dễ dàng nữa :)

Mình sẽ có một phiên bản Việt hóa với nhận thông báo bằng Zalo, nhưng thời điểm hiện tại Zalo đòi hỏi nhiều thủ tục để đăng ký app quá nên mình sẽ update với anh em sau nhé!

lên
26 thành viên đã đánh giá bài viết này hữu ích.

Báo mưa bằng Facebook Messenger

Sài Gòn đang vào mùa mưa rồi anh em ạ, mỗi khi mưa xuống lại một nỗi buồn man mác vì quên không cất quần áo :(

Vậy nên hôm nay mình xin hướng dẫn làm một bộ báo mưa bằng qua FB Messenger cực đơn giản, chỉ cắm là chạy!  

lên
26 thành viên đã đánh giá bài viết này hữu ích.