สารบัญ:
- ขั้นตอนที่ 1: ออกแบบเว็บไซต์
- ขั้นตอนที่ 2: แปลงไฟล์ Html เป็นไฟล์ H
- ขั้นตอนที่ 3: รหัส Esp8266 (โดยใช้ Arduino)
- ขั้นตอนที่ 4: พอร์ต NAT
- ขั้นตอนที่ 5: DDNS
- ขั้นตอนที่ 6: สอนวิดีโอเป็นภาษาเวียดนาม
- ขั้นตอนที่ 7: บทความเป็นแรงบันดาลใจให้ฉัน
วีดีโอ: สร้างบล็อกด้วย Esp8266: 7 ขั้นตอน
2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:06
หากบล็อกของคุณเรียบง่ายและปริมาณการใช้งานปกติ ฉันจะแนะนำให้คุณใช้ esp8266 เป็นเซิร์ฟเวอร์บล็อก หนึ่งปีมีค่าไฟฟ้า $ 1:)
แล้วผลลัพธ์จะได้เว็บแบบนี้
ขั้นตอนที่ 1: ออกแบบเว็บไซต์
นี้ขึ้นอยู่กับทุกคน ฉันใช้ Google doc เพื่อแนะนำตัวเองแล้วบันทึกลงในคอมพิวเตอร์ของฉันในรูปแบบ html แต่ในบทช่วยสอนของวันนี้ ฉันดาวน์โหลดเทมเพลตที่พร้อมใช้งานออนไลน์ได้อย่างรวดเร็ว (https://www.w3schools.com/w3css/w3css_templates.asp) มีรายละเอียดเพียงเล็กน้อยที่ควรทราบ:
- รูปภาพควรอัปโหลดไปยังโฮสต์บางแห่งแล้วนำลิงก์กลับไปที่ไฟล์ html (ฉันใช้ photobucket ชั่วคราว)
- โดยปกติ js, css ไลบรารี่จะมี cdn ใช้ cdn แทนการบันทึกลงใน esp8266 โดยตรง
- ตัวอย่างเช่น ผมจะมีแต่หน้าแรกเพื่อแนะนำตัวเอง เพื่อให้คุณพัฒนาต่อไปได้:)
และนี่คือผลลัพธ์เมื่อเปิดไฟล์ html บนคอมพิวเตอร์:
ขั้นตอนที่ 2: แปลงไฟล์ Html เป็นไฟล์ H
เปิดไฟล์ html (css, js) ที่ด้านบนสุด จากนั้นคุณคัดลอกเนื้อหา ไปที่ https://hs2t.com/tools/html2CString วางเนื้อหาในกล่องแรกแล้วกดแปลง คัดลอกเนื้อหาในกล่องที่สอง:) ใส่ลงใน.h file
ขั้นตอนที่ 3: รหัส Esp8266 (โดยใช้ Arduino)
ดาวน์โหลดและแก้ไขโค้ดด้านล่าง:
- เปลี่ยน wifi ที่บ้าน
- เปลี่ยน IP แบบคงที่เป็นการตั้งค่าของโมเด็ม (คุณต้องกำหนด IP คงที่เพื่อให้เปิดพอร์ตอินเทอร์เน็ตได้ง่ายขึ้น)
- สำหรับส่วน ddns ฉันจะอธิบายเพิ่มเติมในการกำหนดชื่อโดเมนฟรี!
ตกลง หลังจากโหลดโค้ดแล้ว ให้ไปที่การทดสอบ IP ในเครื่อง (เช่น 192.168.1.24) เพื่อดูว่าเว็บไซต์ใช้ได้: D
ขั้นตอนที่ 4: พอร์ต NAT
ขึ้นอยู่กับโมเด็มของคุณ ตัวอย่างเช่น โมเด็มของคุณ บ้านของฉันใช้โมเด็ม gw040
เมื่อพอร์ตเสร็จสิ้น คุณสามารถไปที่บล็อกของเราจากอินเทอร์เน็ตโดยใช้ที่อยู่ IP (เช่น https://123.123.123.123) ของคุณ
บันทึก:
- โมเด็มบางตัวเปิดพอร์ตแล้วดูเว็บโดย IP สาธารณะกับเครือข่ายเป็นไปไม่ได้ แต่ออกจากเครือข่ายมุมมองปกติก็โอเค
- หากคุณใช้เครื่องส่งสัญญาณ 3G ถึงระดับเครือข่ายสำหรับ ESP8266 จะไม่สามารถใช้งานนอกอินเทอร์เน็ตได้:)
ขั้นตอนที่ 5: DDNS
เนื่องจากไอพีของเราเป็นไดนามิก เราจึงต้องใช้บริการ DDNS ชื่อโดเมนที่เชื่อมโยงกับโฮม ip ของคุณชื่ออะไร เมื่อ IP ที่บ้านของคุณเปลี่ยนแปลง มันจะอัปเดตบริการ DDNS เพื่อให้บริการกำหนด IP ใหม่ให้กับโดเมนของเรา ก่อนอื่นคุณต้องลงทะเบียนบัญชีและชื่อโดเมนฟรีเช่น myname.boxip.net ที่ https://boxip.net ที่นี่ ฉัน ใช้ชื่อ
จากนั้นคัดลอกลิงก์ wget ในหน้าการตั้งค่าเพื่อแทนที่ด้วยรหัส ESP8266 ค่าเริ่มต้นของ ESP8266 ทุกๆ 5 นาทีจะเรียกเซิร์ฟเวอร์ DDNS เพื่ออัปเดต IP ตอนนี้ให้ลอง https://han.boxip.net และเพลิดเพลินกับผลลัพธ์: P
ขั้นตอนที่ 6: สอนวิดีโอเป็นภาษาเวียดนาม
หากคุณพบว่ามันน่าสนใจและมีประโยชน์ อย่าลืมกดติดตามช่องเพื่อรับวิดีโอเพิ่มเติม
ขั้นตอนที่ 7: บทความเป็นแรงบันดาลใจให้ฉัน
www.instructables.com/id/How-to-Build-a-ES…
เขามีคำแนะนำโดยละเอียดเกี่ยวกับวิธีสร้างเว็บเซิร์ฟเวอร์ แต่เว็บไซต์นั้นเรียบง่ายและใช้งานได้เฉพาะในพื้นที่เท่านั้น ได้ปรับปรุงให้เป็นบล็อกส่วนตัวที่สามารถดูได้ทางอินเทอร์เน็ต
แนะนำ:
วิธีการแฟลชหรือโปรแกรม ESP8266 AT Firmware โดยใช้ ESP8266 Flasher และ Programmer, IOT Wifi Module: 6 ขั้นตอน
วิธีการแฟลชหรือโปรแกรม ESP8266 AT Firmware โดยใช้ ESP8266 Flasher และ Programmer, IOT Wifi Module: คำอธิบาย:โมดูลนี้เป็นอะแดปเตอร์ USB / โปรแกรมเมอร์สำหรับโมดูล ESP8266 ประเภท ESP-01 หรือ ESP-01S ติดตั้งสะดวกด้วยเฮดเดอร์ตัวเมีย 2.54 มม. ขนาด 2x4P เพื่อเสียบ ESP01 นอกจากนี้ยังแยกหมุดทั้งหมดของ ESP-01 ออกผ่านช่องต่อตัวผู้ขนาด 2.54 มม. 2x4P 2.54 มม.
ESP8266 - การชลประทานในสวนด้วยตัวจับเวลาและรีโมทคอนโทรลผ่านอินเทอร์เน็ต / ESP8266: 7 ขั้นตอน (พร้อมรูปภาพ)
ESP8266 - การชลประทานในสวนด้วยตัวจับเวลาและรีโมทคอนโทรลผ่านอินเทอร์เน็ต / ESP8266: ESP8266 - การชลประทานควบคุมด้วยรีโมทและกำหนดเวลาสำหรับสวนผัก สวนดอกไม้ และสนามหญ้า ใช้วงจร ESP-8266 และวาล์วไฮดรอลิก/ไฟฟ้าสำหรับการจ่ายน้ำ ข้อดี: เข้าถึงด่วนราคาประหยัด (~US$ 30,00) คำสั่ง ov
ESP8266 - เซ็นเซอร์ประตูและหน้าต่าง - ESP8266 การช่วยเหลือผู้สูงอายุ (ขี้ลืม): 5 ขั้นตอน
ESP8266 - เซ็นเซอร์ประตูและหน้าต่าง - ESP8266 ความช่วยเหลือผู้สูงอายุ (หลงลืม): ESP8266 - เซ็นเซอร์ประตู / หน้าต่างโดยใช้ GPIO 0 และ GPIO 2 (IOT) สามารถดูได้บนเว็บหรือบนเครือข่ายท้องถิ่นด้วยเบราว์เซอร์ มองเห็นได้ผ่านทาง "HelpIdoso Vxapp" แอปพลิเคชัน. ใช้แหล่งจ่ายไฟ 110/220 VAC สำหรับ 5Vdc, 1 รีเลย์ / แรงดันไฟฟ้า
หาเวลาจากอินเทอร์เน็ตโดยใช้ ESP8266 - โครงการนาฬิกา NTP ด้วย ESP8266 Nodemcu: 5 ขั้นตอน
หาเวลาจากอินเทอร์เน็ตโดยใช้ ESP8266 | โครงการนาฬิกา NTP ด้วย ESP8266 Nodemcu: ในบทช่วยสอนนี้ เราจะมาดูวิธีหาเวลาโดยใช้ ESP8266/nodemcu กับ Arduino IDE การหาเวลามีประโยชน์อย่างยิ่งในการบันทึกข้อมูลเพื่อประทับเวลาการอ่านของคุณ หากโปรเจ็กต์ ESP8266 ของคุณมีการเข้าถึงอินเทอร์เน็ต คุณสามารถใช้เวลาโดยใช้ Network T
ESP8266 NODEMCU BLYNK IOT บทช่วยสอน - Esp8266 IOT โดยใช้ Blunk และ Arduino IDE - การควบคุมไฟ LED ผ่านอินเทอร์เน็ต: 6 ขั้นตอน
ESP8266 NODEMCU BLYNK IOT บทช่วยสอน | Esp8266 IOT โดยใช้ Blunk และ Arduino IDE | การควบคุม LEDs ผ่านอินเทอร์เน็ต: สวัสดีทุกคนในคำแนะนำนี้ เราจะเรียนรู้วิธีใช้ IOT กับ ESP8266 หรือ Nodemcu ของเรา เราจะใช้แอป blynk สำหรับสิ่งนั้น ดังนั้นเราจะใช้ esp8266/nodemcu ของเราเพื่อควบคุมไฟ LED ผ่านอินเทอร์เน็ต ดังนั้นแอป Blynk จะเชื่อมต่อกับ esp8266 หรือ Nodemcu ของเรา