ควบคุมโลกอิเล็กทรอนิกส์ของคุณผ่านอินเทอร์เน็ต: 16 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:04

เมื่อทำตามคำแนะนำนี้ คุณจะสามารถเปิดและปิด LED ได้จากทุกที่ในโลก อ่านคำแนะนำทั้งหมดอย่างละเอียดและทำตามขั้นตอนทีละรายการ หลังจากศึกษาคำแนะนำนี้ คุณจะสามารถใช้ความรู้นี้กับแอปพลิเคชันต่างๆ เช่น ระบบอัตโนมัติในบ้าน โครงการ IOT ที่มีทักษะด้านนวัตกรรมของคุณ

ขั้นตอนที่ 1: วัสดุ

1. คอมพิวเตอร์

2. เราเตอร์ที่มีการเชื่อมต่ออินเทอร์เน็ตที่ใช้งานได้ซึ่งเชื่อมต่อกับคอมพิวเตอร์ของคุณ

3. Arduino (ฉันใช้ Arduino UNO)

4. สมาร์ทโฟนหรือพีซีเครื่องอื่นที่มีข้อมูลมือถือหรือเครือข่ายอินเทอร์เน็ตอื่น

ขั้นตอนที่ 2: ตรวจสอบ IP ของคุณ

ก่อนอื่น สิ่งสำคัญคือต้องค้นหาว่าคุณมี IP สาธารณะหรือไม่ เพราะหากคุณไม่มี IP สาธารณะ คุณจะไม่สามารถเข้าถึงคอมพิวเตอร์ของคุณจากภายนอกได้ นั่นหมายความว่าถ้าคุณมี IP สาธารณะ แสดงว่าคุณมีที่อยู่ จากอินเทอร์เน็ตทั่วโลก คุณสามารถตรวจสอบได้โดยติดต่อผู้ให้บริการอินเทอร์เน็ตของคุณ ฉันยังไม่มี IP สาธารณะ แต่หลังจากติดต่อ ISP ของฉัน พวกเขาให้ IP สาธารณะแก่ฉันฟรี ค้นหาเพิ่มเติมเกี่ยวกับที่อยู่ IP จากที่นี่

คุณสามารถค้นหาที่อยู่ IP ปัจจุบันของอุปกรณ์ได้โดยพิมพ์ "What's my ip" บน google

ขั้นตอนที่ 3: แปลงพีซีของคุณเป็นเซิร์ฟเวอร์โดยใช้ XAMPP

คุณต้องแปลงพีซีของคุณเป็นเซิร์ฟเวอร์เพื่อเข้าถึงจากอินเทอร์เน็ต"Apache" เป็นซอฟต์แวร์ที่ใช้ในการแปลงพีซีเป็นเซิร์ฟเวอร์ แต่มีหลายสิ่งที่ต้องกำหนดค่าหากคุณใช้เฉพาะ "Apache" ดังนั้นจึงมีแอปพลิเคชันของบุคคลที่สามที่จะทำงานนี้ได้อย่างง่ายดาย"XAMPP" เป็นหนึ่งในนั้น คุณสามารถดาวน์โหลดและติดตั้งได้จากที่นี่ มีเวอร์ชันสำหรับ Windows, Linux, Mac

ขั้นตอนที่ 4: เปิด XAMPP

ไปที่ไดรฟ์ที่คุณติดตั้ง XAMPP ค้นหาโฟลเดอร์ชื่อ "xampp" และภายในนั้นคุณจะพบแอปพลิเคชันชื่อ "xampp-control" เปิดขึ้นมา หลังจากเปิดขึ้นมาจะมีลักษณะเหมือนภาพด้านบน

ขั้นตอนที่ 5: ตรวจสอบ XAMPP

หลังจากเปิด XAMPP แล้ว ให้คลิกปุ่มเริ่มซึ่งอยู่ในแถวที่ชื่อ "Apache" จากนั้นเปิดเบราว์เซอร์และพิมพ์ "localhost" ในแถบที่อยู่ หากคุณติดตั้ง XAMPP สำเร็จ คุณจะเข้าสู่หน้าเว็บเริ่มต้นของ xampp ซึ่งแสดงอยู่ใน ภาพที่สอง

ขั้นตอนที่ 6: ตั้งโปรแกรม Arduino

อัปโหลดโปรแกรมนี้ไปที่ Arduino เพื่อเปิด ปิด LED บนบอร์ดผ่านพอร์ตอนุกรมโดยส่งอักขระ "H" และ "L" "H" ไปที่ LED และ "L" เพื่อปิด LED

ขั้นตอนที่ 7: การสร้างเว็บเพจ

ในการทำงานนี้ เราใช้ HTML, AJAX และ PHP ฉันจะอธิบายการใช้สามภาษานี้โดยสังเขป คุณสามารถค้นหาข้อมูลเพิ่มเติมได้โดยใช้ลิงก์ด้านล่าง โดยทั่วไป HTML จะใช้ในการสร้างหน้าเว็บ มันมีสิ่งที่จะปรากฎ บนหน้าเว็บหลังจากโหลดบนเบราว์เซอร์ AJAX ใช้เพื่อส่งคำขอ PHP โดยไม่ต้องโหลดหน้าเว็บใหม่ PHP ใช้เพื่อควบคุม comport ของเซิร์ฟเวอร์เพื่อควบคุม LED

1. ค้นหาเพิ่มเติมเกี่ยวกับ HTML ที่นี่

2. ค้นหาเพิ่มเติมเกี่ยวกับ AJAX ได้ที่นี่

3. ค้นหาเพิ่มเติมเกี่ยวกับ PHP ได้ที่นี่

ขั้นแรกให้สร้างโฟลเดอร์ที่มีชื่อที่ต้องการภายในโฟลเดอร์ชื่อ "htdocs" ซึ่งอยู่ในโฟลเดอร์ "xampp" ซึ่งเราพบในขั้นตอนที่ 4 ก่อนหน้านี้

1. เขียนรหัสในภาพแรกในไฟล์แผ่นจดบันทึกและบันทึกเป็น "index.html" ในโฟลเดอร์ที่เราสร้างขึ้น

2. เขียนรหัสในภาพที่สองในไฟล์แผ่นจดบันทึกและบันทึกเป็น "ledoff.php" ในโฟลเดอร์ที่เราสร้างขึ้น

3. เขียนโค้ดในภาพที่สามในไฟล์ notepad และบันทึกเป็น "ledon.php" ในโฟลเดอร์ที่เราสร้างขึ้น

ขั้นตอนที่ 8: การเปลี่ยน Comport

คุณต้องเปลี่ยน comport ของ Arduino ในสคริปต์ PHP ถ้าไม่เช่นนั้นมันจะโหลดหน้าเว็บ แต่ LED จะไม่ทำงาน ค้นหาหมายเลข Comport ของ Arduino ใน Arduino IDE หรือในตัวจัดการอุปกรณ์ในระบบปฏิบัติการของคุณ จากนั้นเปลี่ยน ไฟล์ทั้ง "ledoff.php" และ "ledon.php" ตามที่กล่าวไว้ในภาพด้านบน ตามคอมพิวเตอร์ของฉันมันคือ com7

ขั้นตอนที่ 9: ทำให้หน้าเว็บของคุณมองเห็นได้

ในขณะที่คุณตรวจสอบในขั้นตอนที่ 5 หลังจากลงชื่อเข้าใช้เซิร์ฟเวอร์ของคุณโดยใช้ "localhost" คุณจะเห็นว่ากำลังนำทางไปยังหน้าเว็บเริ่มต้นของ XAMPP แล้วเราจะเข้าสู่หน้าเว็บของเราได้อย่างไร พิมพ์ชื่อโฟลเดอร์ที่คุณบันทึกไฟล์ HTML และ PHP ในแถบที่อยู่ของเบราว์เซอร์ในลักษณะนี้

localhost/"ชื่อโฟลเดอร์ของคุณ"

ตามฉันชื่อโฟลเดอร์ของฉันคือ "serialportcontrol" วิธีการพิมพ์ในแถบที่อยู่ในเบราว์เซอร์ถูกกล่าวถึงในภาพแรก

หลังจากกด Enter คุณจะเห็นหน้าเว็บด้านบนตามที่กล่าวไว้ในภาพที่สอง

ด้วยการคลิกปุ่ม "LED ON" และ "LED OFF" คุณจะสามารถเปิดและปิด biult ใน LED ของ arduino โดยใช้หน้าเว็บ คุณสามารถควบคุม LED ได้ยังเชื่อมต่อพีซีหรือสมาร์ทโฟนเครื่องอื่นกับเราเตอร์เดียวกันและการบันทึก ที่อยู่เว็บเดียวกันกับที่เราใช้ครั้งแรกภายใต้เครือข่ายท้องถิ่น

ขั้นตอนที่ 10: การเปลี่ยนหมายเลขพอร์ตของเซิร์ฟเวอร์ XAMPP ของเรา

ตกลง ตอนนี้เรารู้แล้วว่าระบบของเราทำงานได้ดีในเครือข่ายท้องถิ่นของเรา ดังนั้นนี่คือส่วนที่น่าสนใจที่สุดในงานของเรา ก่อนอื่นเราต้องเปลี่ยนหมายเลขพอร์ตของเซิร์ฟเวอร์ XAMPP ของเรา เนื่องจากพอร์ตเริ่มต้นของเซิร์ฟเวอร์ XAMPP คือ 80.

(พอร์ตหมายถึง มันเหมือนกับบ้านเลขที่อยู่ในเลนตามที่ระบุไว้ในที่อยู่บ้าน เลนคือ IP สาธารณะของพีซีของคุณ หมายเลขบ้านคือหมายเลขพอร์ต พีซีของคุณมีที่อยู่ IP เดียว และพอร์ตหลายพอร์ตใช้ในพีซีของคุณเพื่อสื่อสารกับแต่ละงาน เช่น หากคุณใช้เซิร์ฟเวอร์ XAMPP สองครั้งเพื่อทำงานสองงานในคอมพิวเตอร์เครื่องเดียวกัน คุณต้องใช้หมายเลขพอร์ตสองหมายเลขกับเซิร์ฟเวอร์ XAMPP แต่ละเครื่อง)

80 เป็นหมายเลขพอร์ตเริ่มต้นสำหรับ HTTP เมื่อคุณพิมพ์ "localhost" ในแถบที่อยู่ของเบราว์เซอร์ เบราว์เซอร์จะเพิ่มหมายเลขพอร์ตนั้นที่ส่วนท้ายของที่อยู่เว็บโดยอัตโนมัติ แม้ว่าคุณจะมองไม่เห็นก็ตาม ฟังดูไม่สำคัญ เหตุใดจึงต้องเปลี่ยนหมายเลขพอร์ต

เนื่องจากเราเตอร์ทั้งหมดใช้หมายเลขพอร์ตเริ่มต้นเป็น 80 เมื่อคุณเชื่อมต่อกับเซิร์ฟเวอร์จากอินเทอร์เน็ต ถ้าคุณไม่เปลี่ยนหมายเลขพอร์ต คุณจะเชื่อมต่อโดยตรงกับหน้าเว็บเริ่มต้นของเราเตอร์โดยไม่ต้องเชื่อมต่อกับเซิร์ฟเวอร์ของคุณ ภาพด้านบนจะ แนะนำให้คุณเปลี่ยนหมายเลขพอร์ตของเซิร์ฟเวอร์ XAMPP ของคุณ ฉันใช้ 1997 เป็นหมายเลขพอร์ตของฉัน ตรวจสอบให้แน่ใจว่าได้หยุดเซิร์ฟเวอร์ APACHE ใน XAMPP ก่อนเปลี่ยนหมายเลขพอร์ต หลังจากเปลี่ยนหมายเลขพอร์ตแล้ว ให้เริ่มเซิร์ฟเวอร์ APACHE

ขั้นตอนที่ 11: ตรวจสอบหมายเลขพอร์ตที่เปลี่ยนแปลง

พิมพ์ที่อยู่เว็บ localhost ใหม่ของคุณเพื่อตรวจสอบว่าพอร์ตของคุณทำงานหรือไม่ ตามที่ฉันมัน

localhost:1997/"ชื่อโฟลเดอร์ของคุณ"

หากคุณลงชื่อเข้าใช้หน้าเว็บของเราสำเร็จ แสดงว่าพอร์ตของคุณเปลี่ยนรหัสสำเร็จ ถ้าไม่ลองใช้หมายเลขพอร์ตอื่น

ขั้นตอนที่ 12: การกำหนดค่าเราเตอร์

ตอนนี้ได้เวลาเล่นกับเราเตอร์ของคุณแล้ว การส่งต่อพอร์ตเป็นวิธีการที่ใช้ในการเปิดพอร์ตเฉพาะไปยังเครือข่ายระดับถัดไป ซึ่งหมายความว่าจะอนุญาตให้บุคคลอื่นเชื่อมต่อกับเซิร์ฟเวอร์ของคุณจากอินเทอร์เน็ต คุณสามารถหาข้อมูลเพิ่มเติมเกี่ยวกับการส่งต่อพอร์ตได้ที่นี่และที่นี่ การกำหนดค่าเราเตอร์ของคุณแสดงอยู่ในขั้นตอนด้านล่าง

ฉันใช้เราเตอร์ 4G ของ HUAWEI E5172 ดังนั้นการกำหนดค่าเหล่านี้จึงอ้างอิงถึงเราเตอร์ของฉัน ผู้ผลิตหลายรายให้อินเทอร์เฟซผู้ใช้ที่แตกต่างกันสำหรับเราเตอร์ แต่คุณสมบัติจะเหมือนกันในเราเตอร์ทุกประเภท คุณสามารถค้นหาวิธีการส่งต่อเราเตอร์ภายใต้ยี่ห้อและรุ่นต่างๆ ได้ที่นี่

อย่าท้อแท้หากคุณไม่พบฟังก์ชันที่กล่าวถึงในขั้นตอนด้านล่าง ด้วยคำอธิบายการอ่านและการทำตามวิดีโอแนะนำของเราเตอร์ยี่ห้อต่างๆ คุณจะสามารถกำหนดค่าเราเตอร์ของคุณได้สำเร็จ

ขั้นตอนที่ 13: กำหนดการตั้งค่า DHCP

เมื่อคุณเชื่อมต่อกับเราเตอร์ผ่าน WiFi หรืออีเทอร์เน็ต เราเตอร์จะให้ IP เฉพาะแก่คุณโดยอัตโนมัติ แต่ถ้ามันเชื่อมต่ออุปกรณ์มากขึ้นกับเราเตอร์เดียวกันครั้งแล้วครั้งเล่า ip นั้นก็สามารถเปลี่ยนแปลงได้ ใช้งานได้จนกว่าคุณจะรีสตาร์ทเซิร์ฟเวอร์เท่านั้น ดังนั้น คุณต้องจองที่อยู่ IP เฉพาะจากเราเตอร์ไปยังเซิร์ฟเวอร์ของคุณ มาเริ่มกันด้วยการค้นหาว่าที่อยู่ IP ในเครื่องของคุณคืออะไร

1. เปิด CMD พิมพ์ "ipconfig" แล้วกด Enter….

2. ดังที่กล่าวไว้ในรูปภาพที่สอง คุณจะพบที่อยู่ ipv4 ในพื้นที่และเกตเวย์เริ่มต้นของเซิร์ฟเวอร์ของคุณ….

3. ดังที่กล่าวไว้ในภาพที่ 3 ให้ล็อกอินเข้าสู่เราเตอร์ของคุณโดยใช้รหัสผ่านและชื่อผู้ใช้ เกตเวย์เริ่มต้นคือ ip ของเราเตอร์ของคุณ (ตามผมคือ 192.168.1.1 ตามที่กล่าวไว้ในภาพที่ 3) …..

4. ค้นหา "การตั้งค่า DHCP" ในเราเตอร์ของคุณ มันอยู่ภายใต้ LAN ในเราเตอร์ของฉันตามที่กล่าวไว้ในภาพที่สี่

5. ไปที่ "Bundled address list" > "edit list" > "Add" ตามเราเตอร์ของฉัน

6. จากนั้น คุณจะเห็นที่อยู่ IP ทั้งหมดของอุปกรณ์ที่เชื่อมต่อกับเราเตอร์ของคุณโดยอัตโนมัติภายใต้เมนูแบบเลื่อนลง ฉันเชื่อมต่อทั้งพีซีและโทรศัพท์กับเราเตอร์แล้ว ดังนั้นที่นี่คุณสามารถดูที่อยู่ IP สองแห่งดังที่กล่าวไว้ในภาพที่แปด (ที่ 8)

7. เลือก IP ของเซิร์ฟเวอร์ของคุณ จากนั้น "ส่ง" และ "ใช้" การตั้งค่า

8. จากนั้นจะใช้เวลาสองสามนาทีในการรีสตาร์ทเราเตอร์ (ตามของฉัน)

หลังจากนั้นเซิร์ฟเวอร์ของคุณจะได้รับ IP เดียวกันทุกครั้งที่คุณรีสตาร์ทพีซี

คุณสามารถค้นหาวิดีโอแนะนำสำหรับเราเตอร์ TP-LINK ได้จากที่นี่

ขั้นตอนที่ 14: กำหนดค่า "การส่งต่อพอร์ต" Settings

ตอนนี้ได้เวลาเปิดพอร์ตของเซิร์ฟเวอร์ไปยังอินเทอร์เน็ตสาธารณะแล้ว

1. ไปที่ "ความปลอดภัย" > "ระดับไฟร์วอลล์" ตามที่กล่าวไว้ในภาพแรก

2. จากนั้นใส่ระดับไฟร์วอลล์เป็น "ต่ำ" โดยใช้เมนูแบบเลื่อนลงตามที่กล่าวไว้ในภาพที่สอง

3. จากนั้นคลิก "ส่ง" เพื่อบันทึกการตั้งค่าตามที่กล่าวไว้ในภาพที่ 3

4. จากนั้นไปที่ "port forwarding" > "Add item" ตามที่กล่าวไว้ในภาพที่สี่

5. เพิ่มข้อมูลตามที่เรากำหนดค่าก่อนหน้านี้และตามที่กล่าวไว้ในภาพที่ห้า

ประเภท: กำหนดเอง

โปรโตคอล: TCP

โฮสต์ระยะไกล: …………

ช่วงพอร์ตระยะไกล: 1997

โฮสต์ท้องถิ่น: 192.168.1.3

พอร์ตท้องถิ่น: 1997

6. จากนั้นคลิก "ส่ง" เพื่อบันทึกการตั้งค่า

คุณสามารถค้นหาวิดีโอแนะนำเกี่ยวกับ TP-LINK และเราเตอร์ D-LINK ได้จากที่นี่และที่นี่

ขั้นตอนที่ 15: การทดสอบ

ตอนนี้ได้เวลาตรวจสอบระบบของเราแล้ว คุณต้องใช้อุปกรณ์ที่มีเครือข่ายออกจากการเชื่อมต่อเราเตอร์ ที่นี่ฉันกำลังใช้ข้อมูลมือถือของสมาร์ทโฟนของฉัน ก่อนอื่นคุณต้องค้นหาที่อยู่ IP สาธารณะของพีซีของคุณ

1. เพียงพิมพ์ google "what's my ip" ตามที่ระบุในภาพแรก

2. จากนั้นจดที่อยู่ IP

จากนั้นก็ถึงเวลาตรวจสอบบนอุปกรณ์มือถือเครื่องอื่น

1. ใส่ข้อมูลมือถือ "เปิด" ในสมาร์ทโฟนของคุณ

2. จากนั้นเปิดเบราว์เซอร์ ฉันใช้กูเกิลโครม

3. พิมพ์ IP สาธารณะของพีซีของคุณบนเบราว์เซอร์มือถือของคุณตามที่กล่าวไว้ในรูปภาพที่สามเช่นนี้

"ip สาธารณะ": "หมายเลขพอร์ต"/"ชื่อโฟลเดอร์"

ตามฉัน > ip สาธารณะ: 111.223.xx.xx

หมายเลขพอร์ต: 1997

"ชื่อโฟลเดอร์": myprogrammes/การควบคุมพอร์ตอนุกรม/โครงการที่ประสบความสำเร็จ (ajax)

จากนั้นกด Enter บนสมาร์ทโฟนของคุณ จากนั้นคุณจะสามารถควบคุม LED ออนบอร์ดของ Arduino ได้จากทุกที่ในโลกโดยคลิกปุ่ม "LED ON" และ "LED OFF"

ขั้นตอนที่ 16: การคิดเชิงนวัตกรรม ความพยายามที่มากขึ้น การสร้างสรรค์ที่มากขึ้น

ดังนั้นฉันคิดว่าฉันสามารถให้คำแนะนำที่ดีแก่คุณได้ โดยพื้นฐานแล้วคุณสามารถควบคุม Arduino จากระยะไกลผ่านทางอินเทอร์เน็ตได้ ด้วยการใช้ความคิดสร้างสรรค์และความสามารถในการเรียนรู้จากอินเทอร์เน็ต คุณสามารถสร้างหุ่นยนต์ ระบบอัตโนมัติภายในบ้านที่สามารถควบคุมอินเทอร์เน็ตได้จากทุกที่ในโลก หากคุณใช้เทคโนโลยีนี้ในการทำความดี คุณสามารถทำให้โลกนี้น่าอยู่ขึ้นสำหรับพวกเราทุกคน ขอขอบคุณ!…

สำหรับปัญหาใด ๆ ที่เกี่ยวข้องกับสิ่งนี้ส่งอีเมลถึงฉันหรือส่งการนวดในฟอรัมที่สอนได้

อีเมลของฉัน: [email protected]