Start here!
1. ไปที่ google drive สร้าง directory และตามด้วย new google sheet หนึ่งไฟล์
ตั้งชื่อ "WebApp_by_GS" แล้วเปิดขึ้นมา
2. ที่ google sheet ไปที่เมนู Tools -> Script Editor
3. ตั้งชื่อ ScriptProject เป็น "WebApp_use_GSheet"
4. เริ่มเขียนฟังชั่นแรก สำหรับ webapp จะต้องมีฟังชั่น doGet() และมีการ return ค่าบางอย่าง ดังนั้น เขียนตามนี้
//-----------------------
function doGet(response) {
return ContentService.createTextOutput("เปลี่ยนข้อความตรงนี้เป็นข้อความที่ต้องการ");
}
//-----------------------
การทดสอบ ว่า รันได้นั้นจะไม่สามารถกดปุ่ม run ได้เหมือน Script ปกติ
ต้องทำการ publish -> deploy as web app... ระบบจะเปิดหน้าต่างขึ้นมาเพื่อให้เลือกคอนฟิก (ขั้นแรกอย่างพึ่งไปทำอะไรให้ใช้ default ไปก่อน แค่เปลี่ยน Project version: อย่างเดียว
แล้วกดปุ่ม update ระบบจะย้ายไปหน้า ที่สอง ที่แสดง Current web app URL: ให้ก็อปเก็บไว้ แล้วตอบ Ok
หลังจากนั้น ไปเปิด tab ใหม่ แล้ววาง URL ลงไป เพื่อทดสอบการรัน doGet() อันแรก
จะได้หน้าว่าง ๆ พร้อมข้อความ ที่คุณใส่ลงไปในฟังชั่น doGet() นั่นแหละ (แปลว่ารันได้แล้ว)
5.ต่อด้วย การสร้างไฟล์ html และ script ไฟล์ โดย ทั้งสองจะเก็บ ส่วนที่เป็น HTMl, JS เพื่อเอาไว้เขียนฟอร์มแสดงผลและรับค่า โดยจะเอา Google Sheet ทีเปิดไว้เป็นตัวเก็บข้อมูล
6. เริ่มเขียน HTML และ CSS ไว้ในไฟล์ html ของ script ก็ได้
7. ในไฟล์ HTML จะบรรจุ หน้าแสดงผลและInput form อาจจะเขียนข้างนอกแล้วนำมาแปะเป็น HTML ก็ยังไหว