สารบัญ:

เว็บเซิร์ฟเวอร์ HiFive1 พร้อมการสอนโมดูล WiFi ESP32 / ESP8266: 5 ขั้นตอน
เว็บเซิร์ฟเวอร์ HiFive1 พร้อมการสอนโมดูล WiFi ESP32 / ESP8266: 5 ขั้นตอน

วีดีโอ: เว็บเซิร์ฟเวอร์ HiFive1 พร้อมการสอนโมดูล WiFi ESP32 / ESP8266: 5 ขั้นตอน

วีดีโอ: เว็บเซิร์ฟเวอร์ HiFive1 พร้อมการสอนโมดูล WiFi ESP32 / ESP8266: 5 ขั้นตอน
วีดีโอ: Arduino#3.1 มาสร้าง Virtual Debugger กัน 2024, พฤศจิกายน
Anonim
HiFive1 เว็บเซิร์ฟเวอร์พร้อมการสอนโมดูล WiFi ESP32 / ESP8266
HiFive1 เว็บเซิร์ฟเวอร์พร้อมการสอนโมดูล WiFi ESP32 / ESP8266

HiFive1 เป็นบอร์ด RISC-V ที่เข้ากันได้กับ Arduino ตัวแรกที่สร้างขึ้นด้วย FE310 CPU จาก SiFive บอร์ดเร็วกว่า Arduino UNO ประมาณ 20 เท่า แต่เหมือนกับบอร์ด UNO HiFive1 ที่ขาดการเชื่อมต่อแบบไร้สาย โชคดีที่มีโมดูลราคาไม่แพงจำนวนมากในตลาดเพื่อลดข้อจำกัดนี้

ในบทช่วยสอนก่อนหน้านี้ เราได้เห็นวิธีเพิ่มการเชื่อมต่อ WiFi ที่เรียบง่ายผ่านคำสั่ง AT หรือเข้าถึงได้ทั่วโลกด้วยโบรกเกอร์ MQTT

ในบทช่วยสอนนี้ เราจะเพิ่มความสามารถของเว็บเซิร์ฟเวอร์ให้กับ HiFive1 อุปกรณ์ใดๆ บนเครือข่ายภายในจะสามารถสื่อสารกับเว็บเซิร์ฟเวอร์โดยใช้เว็บเบราว์เซอร์

โปรเจ็กต์นี้สาธิตวิธีควบคุม LED RGB ในตัว HiFive1 ผ่านหน้าเว็บอย่างง่าย

วัสดุที่จำเป็นสำหรับโครงการนี้:

  • บอร์ด HiFive1 (สามารถซื้อได้ที่นี่)
  • โมดูล ESP32 Dev หรือ ESP8266 NodeMCU 1.0
  • สายจัมเปอร์ 4 เส้น

ขั้นตอนที่ 1: การตั้งค่าสภาพแวดล้อม

ก่อนอื่นคุณต้องมี Arduino IDE

1. ทำตามคำแนะนำเพื่อติดตั้งแพ็คเกจ Arduino ของบอร์ด HiFive1 และไดรเวอร์ USB

2. ติดตั้งแพ็คเกจบอร์ด ESP32 หรือ ESP8266 โดยเพิ่ม URL ที่เหมาะสมใน "File->Preferences->Additional Boards Manager":

ESP8266 -

ESP32 -

ขั้นตอนที่ 2: การเดินสาย ESP32

การเดินสาย ESP32
การเดินสาย ESP32
การเดินสาย ESP32
การเดินสาย ESP32
การเดินสาย ESP32
การเดินสาย ESP32
การเดินสายไฟ ESP32
การเดินสายไฟ ESP32

หากคุณกำลังใช้ ESP8266 ให้ข้ามไปยังขั้นตอนที่ 3

ต่อสายจัมเปอร์ด้วยวิธีต่อไปนี้:

GPIO 10 (HiFive1) -> Tx (ESP32)

GPIO 11 (HiFive1) -> Rx (ESP32)

ตรวจสอบให้แน่ใจว่าได้ตั้งค่าจัมเปอร์ IOREF เป็น 3.3v

ขั้นตอนที่ 3: การเดินสาย ESP8266

การเดินสายไฟ ESP8266
การเดินสายไฟ ESP8266
การเดินสายไฟ ESP8266
การเดินสายไฟ ESP8266
การเดินสาย ESP8266
การเดินสาย ESP8266
การเดินสาย ESP8266
การเดินสาย ESP8266

ต่อสายจัมเปอร์ด้วยวิธีต่อไปนี้:

GPIO 10(HiFive1) -> Tx (ESP8266)

GPIO 11(HiFive1) -> Rx (ESP8266)

ตรวจสอบให้แน่ใจว่าได้ตั้งค่าจัมเปอร์ IOREF เป็น 3.3v

ขั้นตอนที่ 4: การเขียนโปรแกรม

รหัส HiFive1:

ก่อนตั้งโปรแกรมให้ตั้งค่า "Tools->Board" เป็น "HiFive1", "Tools->CPU Clock Frequency" เป็น "256MHz PLL", "Tools->Programmer" เป็น "SiFive OpenOCD" และตั้งค่า Serial Port ที่ถูกต้อง

รหัส ESP32/8266:

ระหว่างการเขียนโปรแกรม บอร์ด ESP ควรถอดพิน Rx และ Tx ของฮาร์ดแวร์ออก

หลังจากอัปโหลดโค้ดสำเร็จแล้ว ให้เชื่อมต่อหมุด Rx และ Tx อีกครั้งบน ESP เพื่อให้แน่ใจว่ามีการสื่อสารระหว่าง HiFive1 และ ESP

สำหรับ ESP32 - ตั้งค่า "Tools->Board" เป็น "ESP32 Dev Module", "Tools->Programmer" เป็น "AVRISP mkll" และตั้งค่า Serial Port ที่ถูกต้อง

สำหรับ ESP8266 - ตั้งค่า "Tools->Board" เป็น "NodeMCU 1.0 (โมดูล ESP-12E)", "Tools->Programmer" เป็น "AVRISP mkll" และตั้งค่า Serial Port ที่ถูกต้อง

ขั้นตอนที่ 5: ผลลัพธ์สุดท้าย

ผลสุดท้าย
ผลสุดท้าย
ผลสุดท้าย
ผลสุดท้าย
ผลสุดท้าย
ผลสุดท้าย
ผลสุดท้าย
ผลสุดท้าย

ในการเชื่อมต่อกับ ESP Web Page ให้เปิดเบราว์เซอร์บนพีซีหรืออุปกรณ์มือถือของคุณและป้อนที่อยู่ IP (คุณสามารถค้นหาที่อยู่ IP ได้โดยยกเลิกการใส่เครื่องหมายบรรทัดด้วย WiFi.localIP() ในฟังก์ชันการตั้งค่า อย่าลืมอีกครั้ง แสดงความคิดเห็นบรรทัดหลังจากค้นหา IP เพื่อให้ร่างทำงานได้อย่างถูกต้อง)

ในกรณีของฉัน IP คือ: ESP32 - 10.0.49.94 และ ESP8266 - 10.0.51.252

ตั้งค่า Baud Rate ของ Serial Monitor เป็น 115200 ที่ใช้ในแบบร่าง

หน้าสุดท้ายของคุณควรมีลักษณะเหมือนในภาพที่แนบมา

แนะนำ: