สารบัญ:
2025 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2025-01-13 06:58
หากบล็อกของคุณเรียบง่ายและปริมาณการใช้งานปกติ ฉันจะแนะนำให้คุณใช้ 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…
เขามีคำแนะนำโดยละเอียดเกี่ยวกับวิธีสร้างเว็บเซิร์ฟเวอร์ แต่เว็บไซต์นั้นเรียบง่ายและใช้งานได้เฉพาะในพื้นที่เท่านั้น ได้ปรับปรุงให้เป็นบล็อกส่วนตัวที่สามารถดูได้ทางอินเทอร์เน็ต