คุณรู้หรือไม่ว่าคุณสามารถพัฒนาส่วนเสริมและแอพสำหรับ Google เวิร์คสเปซ?
ด้วยความรู้ด้านการเขียนโค้ดเพียงเล็กน้อย คุณสามารถสร้างเครื่องมือที่จะช่วยให้ชีวิตการทำงานของคุณง่ายขึ้น ในบทความนี้ เราจะแนะนำคุณตลอดขั้นตอนการสร้างส่วนเสริมหรือแอปพื้นฐาน
มาเริ่มกันเลย!
ขั้นตอนในการพัฒนาส่วนเสริมและแอปของ Google Workspace
1. เลือกเครื่องมือที่เหมาะกับงาน
ขั้นตอนแรกคือการตัดสินใจว่าคุณต้องการพัฒนาโปรแกรมเสริมหรือแอป วิธีที่ดีที่สุดในการพิจารณาว่าวิธีใดจะได้ผลดีที่สุดสำหรับคุณคือการคิดว่าคุณต้องการทำอะไร มีเวลาเท่าไรในการทำโครงการให้เสร็จ และระดับความรู้ที่คุณมีเกี่ยวกับการเขียนโค้ด
หากคุณเพิ่งเริ่มต้น ให้ใช้เครื่องมือ Google Add-on หากคุณเคยใช้งาน JavaScript มาก่อน ลองใช้ตัวสร้างส่วนเสริม Google Apps Script
2. ตั้งค่าสภาพแวดล้อมการพัฒนาของคุณ
เมื่อคุณได้ตัดสินใจแล้วว่าต้องการใช้เครื่องมือใด ก็ถึงเวลาตั้งค่าสภาพแวดล้อมการพัฒนาของคุณ ซึ่งเกี่ยวข้องกับการติดตั้งซอฟต์แวร์ที่จำเป็นและการตั้งค่าไฟล์การกำหนดค่าพื้นฐานบางไฟล์ ขั้นตอนการตั้งค่าจะแตกต่างกันไปตามเครื่องมือที่คุณใช้
หากคุณกำลังพัฒนาแอพ คุณจะต้องมีสิ่งต่อไปนี้:
ตัวแก้ไขสคริปต์ของแอป
หากคุณกำลังพัฒนาสคริปต์สำหรับส่วนเสริมของ Google Apps ให้ใช้เครื่องมือแก้ไข Google App Scripts หากคุณกำลังใช้งานแอปใน G Suite ให้ใช้ Google ชีต
ในการเข้าถึงตัวแก้ไขสคริปต์ของแอป Google ให้สร้างเอกสารใหม่ใน Google Docs และเปิดสคริปต์ของแอปจากแท็บส่วนขยาย มันจะมีลักษณะดังนี้:
สคริปต์แอป CLI
เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ได้รวมอินเทอร์เฟซบรรทัดคำสั่ง (CLI) ที่ช่วยให้คุณควบคุมสคริปต์ Google Apps ได้โดยตรงจากบรรทัดคำสั่งของคุณ
บัญชี Google
คุณจะต้องมีบัญชี Google เพื่อเข้าถึง Google Apps และบริการทั้งหมดของพวกเขา คุณจะใช้บัญชีนี้เมื่อคุณติดตั้ง Google Chrome บนเครื่องพัฒนาและลงชื่อเข้าใช้ด้วยบัญชี Google เพื่อให้เครื่องพัฒนาของคุณเชื่อมโยงกับบัญชี Google ของคุณ
เช่นเดียวกับส่วนเสริมเช่นกัน
3. เขียนโค้ด!
ตอนนี้ได้เวลาเริ่มเขียนโค้ดแล้ว ข้อมูลเฉพาะจะขึ้นอยู่กับเครื่องมือที่คุณใช้ แต่โดยทั่วไป คุณจะต้องเขียน HTML, CSS และ JavaScript. คุณสามารถอ่านเกี่ยวกับวิธีการทำเช่นนั้นกับโปรแกรมแก้ไขข้อความหรือ IDE (สภาพแวดล้อมการพัฒนาแบบรวม)
หลังจากที่คุณเขียนโค้ดแล้ว คุณสามารถทดสอบโค้ดได้ในเบราว์เซอร์หรืออุปกรณ์ (โทรศัพท์ แท็บเล็ต หรือคอมพิวเตอร์) ที่ใช้ Play Store
HTML
HyperText Markup Language (HMTL) ใช้สำหรับสร้างหน้าเว็บ หน้าประกอบด้วยองค์ประกอบ HTML และแท็ก HTML เป็นภาษามาร์กอัปที่กำหนดรูปลักษณ์ของหน้าเว็บของคุณและเนื้อหาที่จะแสดงเมื่อมีคนดูหน้าเว็บ
คุณสามารถสร้างไฟล์ HTML ใหม่ใน Google App Script ดังนี้:
ในการสร้างแอปที่มีประสิทธิภาพ คุณจะต้องใช้ HTML เพื่อกำหนดโครงสร้างของแอป สร้างปุ่ม และอื่นๆ ส่วนติดต่อผู้ใช้ องค์ประกอบ และแสดงข้อมูลจากฐานข้อมูลของคุณ
ควรเขียน HTML สำหรับแอปของคุณในแท็ก ซึ่งล้อมรอบเนื้อหาทั้งหมดในแอปของคุณ หากต้องการดูว่า HTML สำหรับแอปทำงานอย่างไร คุณสามารถสร้างโครงการใหม่ได้โดยเลือกไฟล์ > โครงการใหม่ เลือกตัวเลือกเว็บแอป
CSS
Cascading Style Sheets ใช้เพื่อนำสไตล์ไปใช้กับองค์ประกอบ HTML ในแอปของคุณ วิธีที่ดีที่สุดในการดูว่า CSS เป็นอย่างไรคือไปที่เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Chrome หรือ Firefox เมื่อคุณเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์แล้ว ให้คลิกปุ่มแถบเครื่องมือสลับอุปกรณ์หรือพิมพ์ control + I เพื่อสลับระหว่างโหมดมือถือและเดสก์ท็อป จากนั้นเลือกมุมมองออกแบบ
ไลบรารี CSS และ JavaScript อาจถูกใช้โดยใช้ไลบรารีอื่น ต้องขอบคุณ Apps Script ภาพประกอบวิธีการลิงก์ไปยังไลบรารี JQuery ในส่วนหัวแสดงอยู่ด้านล่าง
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<?!=content?>
...
</head>
<body>
คุณจะเห็น HTML พื้นฐานสำหรับแอปของคุณ พร้อมด้วยคุณสมบัติการจัดรูปแบบที่ใช้กับแอป เมื่อเปิดแอป คุณสมบัติการจัดสไตล์ก็มีผลเช่นกัน อย่างไรก็ตาม หากใช้การจัดสไตล์กับองค์ประกอบที่ไม่ถูกต้อง ผลลัพธ์อาจดูไม่ดีนัก
JavaScript
JavaScript เป็นภาษาการเขียนโปรแกรมที่เพิ่มคุณลักษณะแบบไดนามิกให้กับแอปของคุณ ตัวอย่างเช่น JavaScript ให้คุณเพิ่มการโต้ตอบไปยังหน้าเว็บ โดยปกติแล้ว JavaScript จะรวมอยู่ในไฟล์โครงการของคุณเมื่อคุณสร้างแอปใหม่ หากคุณต้องการเพิ่ม JavaScript เพิ่มเติมในแอปของคุณ คุณสามารถทำได้โดยการเพิ่มไฟล์ในโปรเจ็กต์ของคุณ
เป็นการทำความเข้าใจว่า JavaScript ทำงานอย่างไร เนื่องจากช่วยให้คุณสร้างโค้ดที่กำหนดเองที่ซับซ้อนซึ่งสามารถทำงานภายใน Google เอกสารได้
ในการสร้างส่วนเสริม ก่อนอื่น คุณต้องพัฒนา JavaScript ที่จำเป็นในการสร้างคุณสมบัติเชิงโต้ตอบในแอปของคุณ คุณยังต้องรู้เกี่ยวกับ Google API ที่สำคัญหลายอย่าง เช่น ไลบรารี JavaScript ที่ Google Docs ใช้เพื่อสร้างการจัดรูปแบบ Rich Text, Document List API เพื่อดึงรายการเอกสาร บริการ Drive สำหรับเข้าถึงไฟล์ที่จัดเก็บไว้ในเซิร์ฟเวอร์ของ Google และ Drive บริการอัพโหลดไฟล์.
คุณสามารถเข้าถึง API เหล่านี้ส่วนใหญ่ได้เมื่อคุณสร้างส่วนเสริมสำหรับ Google เอกสาร อย่างไรก็ตาม คุณอาจต้องเปลี่ยนไลบรารี JavaScript ของแอปหรือส่วนอื่นๆ ตัวอย่างเช่น ไลบรารี JavaScript ไม่เปิดเผย Document List API ดังนั้นคุณต้องใช้ตรรกะเพื่อค้นหารายการเอกสารด้วยตัวเอง
นอกจากนี้ ไลบรารี JavaScript ยังมีฟังก์ชันบางส่วนเท่านั้น ดังนั้นคุณอาจต้องเขียนฟังก์ชันของคุณเองเพื่อสร้างการโต้ตอบที่สมบูรณ์ยิ่งขึ้น
สิ่งสำคัญคือต้องทดสอบและดีบักโค้ดใดๆ ที่คุณเขียนเพื่อให้แน่ใจว่าโค้ดจะทำงานอย่างถูกต้อง เนื่องจากส่วนเสริมถูกฝังอยู่ภายในแอป คุณจึงสามารถใช้เครื่องมือดีบัก JavaScript ปกติที่พบในเว็บไซต์ได้
4. ทดสอบและเผยแพร่ส่วนเสริมหรือแอปของคุณ
เมื่อคุณเขียนโค้ดแล้ว ก็ถึงเวลาทดสอบ นี่เป็นสิ่งสำคัญเพื่อให้แน่ใจว่าส่วนเสริมหรือแอปของคุณทำงานตามที่ตั้งใจไว้ การทดสอบโปรแกรมเสริมหรือแอปของคุณช่วยให้มั่นใจว่าโค้ดมีความเสถียรและคุณได้ครอบคลุมทุกสถานการณ์ที่เป็นไปได้
ท้ายที่สุด คุณไม่ต้องการที่จะใช้เวลาหลายชั่วโมงในการพัฒนาบางสิ่งเพียงเพื่อให้รู้ว่ามีข้อบกพร่องในโค้ดหลังจากที่ผู้ใช้ของคุณได้รับมัน เมื่อคุณพอใจกับงานของคุณแล้ว ให้เผยแพร่บนเว็บไซต์ Workspace Labs
คุณสามารถอัปโหลดส่วนเสริมหรือแอปที่เผยแพร่โดยตรง หรือลิงก์ไปยังสำเนาบน Google ไดรฟ์
เขียนความเห็น