คุณสามารถเขียนโปรแกรม Arduino ออนไลน์ได้หรือไม่

โดยปกติบอร์ด Arduino จะถูกตั้งโปรแกรมโดยใช้ Arduino IDE ซึ่งเป็นเครื่องมือออฟไลน์ แต่ด้วยเวลาที่เปลี่ยนไป IDE บนคลาวด์กำลังได้รับโมเมนตัม Arduino Web Editor เป็นหนึ่งในตัวอย่างที่ดีที่สุดเนื่องจากอนุญาตให้ผู้ใช้เขียนและบันทึกภาพร่างใน Arduino Cloud ช่วยให้ผู้ใช้ Arduino เข้าถึงและแบ่งปันภาพร่าง Arduino ได้จากทุกที่โดยไม่คำนึงถึงสถานที่และระบบ เราแค่ต้องการเบราว์เซอร์และการเชื่อมต่ออินเทอร์เน็ต

คุณสามารถเขียนโปรแกรม Arduino ออนไลน์ได้หรือไม่

ใช่ Arduino สามารถตั้งโปรแกรมออนไลน์ได้โดยใช้ Arduino Cloud ตัวแก้ไขเว็บพื้นฐาน Arduino Web Editor สามารถอัปโหลดโค้ดไปยังบอร์ด Arduino โดยใช้เว็บเบราว์เซอร์ หนึ่งในไฮไลท์หลักของ Arduino Web Editor คือไม่ต้องมีการอัพเดทใดๆ เช่น Arduino IDE เนื่องจากตัวแก้ไข Arduino ฐานคลาวด์จะเรียกใช้ตัวแก้ไขเวอร์ชันที่อัปเดตเสมอ การแชร์ภาพสเก็ตช์ Arduino นั้นง่ายกว่ามาก เนื่องจากทุกคนสามารถสร้างลิงก์ของโค้ดของเขาหรือฝังไว้บนหน้าเว็บใดก็ได้

มาดูกันว่าเราจะตั้งค่า Arduino Web Editor ในเบราว์เซอร์และอัพโหลด Arduino Sketch แรกได้อย่างไร

ทำตามขั้นตอนด้านล่างเพื่อตั้งค่าบอร์ด Arduino ด้วย Arduino Web Editor:

ลงชื่อเข้าใช้ Arduino Web Editor

ในการเริ่มต้นใช้งานตัวแก้ไข เราต้องตั้งค่าบัญชี Arduino ของเราก่อน

ขั้นตอนที่ 1: ขั้นตอนแรกคือค้นหา Arduino Web Editor ในเบราว์เซอร์ใด ๆ เบราว์เซอร์ที่แนะนำคือ Chrome หรือคลิก ที่นี่ เพื่อเปิด Arduino Web Editor

ขั้นตอนที่ 2: หลังจากเปิดตัวแก้ไขเว็บแล้ว หน้าเข้าสู่ระบบจะเปิดขึ้นที่นี่ คุณสามารถสร้างบัญชีโดยใช้ Google, Facebook หรือตัวเลือกอื่นๆ หากลงทะเบียนแล้ว ให้คลิกตัวเลือกลงชื่อเข้าใช้

ขั้นตอนที่ 3: เมื่อสร้างบัญชี Arduino แล้ว อินเทอร์เฟซ Arduino Web Editor จะเปิดขึ้น อินเทอร์เฟซนี้คล้ายกับ Arduino IDE มาก เราสามารถตั้งโปรแกรมบอร์ด Arduino จัดการไลบรารีและการกำหนดค่าตามความชอบด้วยคุณสมบัติอื่น ๆ ทั้งหมดที่ IDE มี ข้อแตกต่างเพียงอย่างเดียวคือโปรแกรมแก้ไขเว็บคือโปรแกรมแก้ไขระบบคลาวด์ออนไลน์ที่สามารถจัดเก็บภาพสเก็ตช์ของเราได้อย่างง่ายดาย

กำลังดาวน์โหลด Arduino Create Agent

ขั้นตอนที่ 1: เมื่อเปิด Arduino Web Editor เป็นครั้งแรก ข้อความที่ไฮไลต์ในภาพด้านล่างจะปรากฏขึ้น Arduino Web Editor จำเป็นต้องดาวน์โหลดไฟล์บางไฟล์ที่เรียกกันว่า ตัวแทน ในพีซีเพื่อสร้างการสื่อสารกับพอร์ต COM เพื่อให้สามารถจดจำบอร์ด Arduino ได้อย่างง่ายดาย คลิกเรียนรู้เพิ่มเติมเพื่อดำเนินการต่อไป

ขั้นตอนที่ 2: ในหน้าใหม่นี้ Arduino Web Editor จะถามถึงสีไอคอนของ Agent หากติดตั้ง Agent ไว้ก่อนหน้านี้ เราต้องเริ่มการทำงานของ Arduino Agent เพื่อเริ่มการอัปโหลดโค้ดในบอร์ด Arduino ควรติดตั้ง Agent อีกครั้งเพราะจะแทนที่ไฟล์ Agent เก่า คลิกที่ ติดตั้งตัวแทน .

หากติดตั้ง Agent ไว้ก่อนหน้านี้แล้วและคุณไม่ต้องการติดตั้งใหม่ ให้ค้นหา Arduino Create Agent ในแถบค้นหาของหน้าต่างหรือค้นหาในซิสเต็มเทรย์

หากสาเหตุใดก็ตามที่ Agent ทำงานไม่ถูกต้อง ให้เลือกและคลิก Resume Agent เพื่อเริ่มดำเนินการ

ตรวจสอบให้แน่ใจว่าสีของ Arduino Create Agent เป็นสีดำหรือสีเขียว ในกรณีของสีเทา ให้ทำซ้ำขั้นตอนข้างต้น

บันทึก: หาก Agent ทำงานไม่ถูกต้อง ให้ลองปิดการใช้งาน Antivirus สำหรับไฟล์ Agent

ขั้นตอนที่ 3: ก่อนติดตั้ง Arduino Agent ให้เชื่อมต่อบอร์ด Arduino กับพีซีโดยใช้สาย USB B

ขั้นตอนที่ 4: หน้าการติดตั้ง Arduino Agent จะเปิดขึ้น คลิกเริ่มเพื่อดำเนินการติดตั้งต่อ

ขั้นตอนที่ 5: หน้าดาวน์โหลดจะปรากฏขึ้นที่นี่ เราสามารถเลือกบิตระบบปฏิบัติการของ windows หรือ Arduino จะแนะนำคุณโดยอัตโนมัติตามพีซี คลิกดาวน์โหลดเพื่อเริ่มการดาวน์โหลด Arduino Create Agent

ขั้นตอนที่ 6: เว็บเบราว์เซอร์จะเริ่มดาวน์โหลดไฟล์ Arduino Create Agent รอให้ดาวน์โหลดไฟล์เสร็จสมบูรณ์

การติดตั้ง Arduino Create Agent

ดาวน์โหลด Arduino Create Agent ตอนนี้เราต้องติดตั้งในระบบของเรา

ขั้นตอนที่ 1: เมื่อดาวน์โหลดไฟล์แล้ว ให้เปิดโฟลเดอร์ดาวน์โหลด ดับเบิลคลิก ไฟล์การติดตั้ง Agent หรือคลิกขวาแล้วเลือก run as administrator

ขั้นตอนที่ 2: การตั้งค่า Arduino Create Agent จะเปิดขึ้น คลิกถัดไปเพื่อดำเนินการต่อ

ขั้นตอนที่ 3: ยอมรับการอนุญาตสิทธิ์ใช้งานและคลิกถัดไป

ขั้นตอนที่ 4: เลือกไดเร็กทอรีที่คุณต้องการติดตั้งและคลิกถัดไป ขอแนะนำให้ใช้ที่อยู่เริ่มต้นที่เลือกไว้

ขั้นตอนที่ 5: ที่นี่ Agent จะขอเว็บเบราว์เซอร์ที่คุณจะใช้สำหรับ Arduino Web Editor เลือกไม่หากคุณใช้เบราว์เซอร์ที่กล่าวถึงเท่านั้น

ขั้นตอนที่ 6: การติดตั้งพร้อมสำหรับการติดตั้ง คลิก ถัดไป เพื่อดำเนินการต่อ

ขั้นตอนที่ 7: เมื่อการติดตั้งการติดตั้งเสร็จสิ้น ให้คลิก Finish

ขั้นตอนที่ 8: หลังจากติดตั้ง Arduino Create Agent Window จะขออนุญาตติดตั้งไดรเวอร์ที่จำเป็นสำหรับ Arduino Web Editor ให้คลิกใช่เพื่อทำการติดตั้งให้เสร็จสิ้น

ขั้นตอนที่ 9: ข้อความหน้า Open Arduino Web Editor จะปรากฏขึ้นที่ด้านบนซึ่งติดตั้ง Agent แล้ว คลิก Next เพื่อดำเนินการต่อ

ขั้นตอนที่ 10: เมื่อการติดตั้งทั้งหมดเสร็จสิ้น ให้เลือกไปที่ตัวแก้ไขเว็บ

กำลังอัพโหลดโปรแกรม LED Blink

เราได้ติดตั้ง Arduino Create Agent บนพีซีของเราแล้ว ตอนนี้เราจะอัปโหลดโปรแกรม Arduino แรกโดยใช้โปรแกรมแก้ไขเว็บ

ขั้นตอนที่ 1: หากขั้นตอนการติดตั้งทั้งหมดราบรื่น Arduino Web Editor จะจดจำบอร์ด Arduino และพอร์ต COM ที่เชื่อมต่ออยู่ มิฉะนั้น คุณสามารถเลือกบอร์ด Arduino ได้เหมือนกับที่เราทำใน IDE

ขั้นตอนที่ 2: ตอนนี้เพื่อตรวจสอบการติดตั้งของเรา เราจะนำตัวอย่าง Arduino LED Blink และอัปโหลดไปยังบอร์ด Arduino โดยใช้ Arduino Web Editor

ขั้นตอนที่ 3: ในการเปิดตัวอย่าง LED กะพริบ ไปที่: ตัวอย่าง>ในตัว>พื้นฐาน>Blink

ขั้นตอนที่ 4: ตัวอย่าง LED กะพริบจะเปิดขึ้นในหน้าต่างใหม่ภายในตัวแก้ไข คลิกปุ่มอัปโหลด ข้อความจะปรากฏที่ด้านล่างของตัวแก้ไขที่เขียนว่า อัพโหลดเสร็จแล้ว กะพริบตา

ไฟ LED กะพริบ

ไฟ LED ในตัวจะเริ่มกะพริบเป็นเวลา 1 วินาทีและปิด 1 วินาที

เราอัปโหลดโปรแกรมแรกของเราสำเร็จโดยใช้ Arduino Web Editor

บทสรุป

Arduino Web Editor เป็นทางเลือกที่ดีที่สุดสำหรับ Arduino IDE เนื่องจากมีคุณสมบัติทั้งหมดที่จำเป็นสำหรับการตั้งโปรแกรมบอร์ด Arduino ไฮไลท์หลักของโปรแกรมแก้ไขเว็บคือมีไลบรารีและฟังก์ชันล่าสุดอยู่เสมอ เราได้กล่าวถึงขั้นตอนทั้งหมดที่จำเป็นในการเริ่มต้น Arduino Web Editor เป็นครั้งแรก ในการเริ่มต้นใช้งาน Arduino Web Editor บทความนี้จะครอบคลุมคำถามทั้งหมดที่เกี่ยวข้อง