บทที่ 9: การสร้างระบบรับข้อมูลด้วย Google Apps Script (GAS)

ขั้นตอนการตั้งค่าระบบ

1. เตรียมไฟล์ Google Sheets

1. เปิดเบราว์เซอร์ไปที่ sheets.new (ลัดไปหน้าสร้าง Google Sheet ใหม่)
2. ตั้งชื่อไฟล์ที่มุมซ้ายบน เช่น “ข้อมูลติดต่อจากหน้าเว็บ”
3. ใน แถวที่ 1 (Row 1) ให้พิมพ์หัวข้อคอลัมน์เพื่อรอรับข้อมูลดังนี้:
   • ช่อง A1: Timestamp
   • ช่อง B1: Name
   • ช่อง C1: Email
   • ช่อง D1: Message

2. เขียนโค้ดใน Apps Script

1. ที่เมนูด้านบนของ Google Sheets ไปที่ ส่วนขยาย (Extensions) > เลือก Apps Script
2. ระบบจะเปิดแท็บใหม่ขึ้นมา ให้ลบโค้ดเดิมที่มีอยู่ออกทั้งหมด
3. คัดลอกโค้ดชุดด้านล่างนี้ไปวางแทนที่:

JavaScript
function doPost(e) {
  try {
    // 1. ดึงข้อมูลชีตแรกของไฟล์นี้
    var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheets()[0];

    // 2. รับค่าจากฟอร์ม HTML ตามชื่อ name ที่ส่งมา
    var name    = e.parameter.name;
    var email   = e.parameter.email;
    var message = e.parameter.message;

    // 3. บันทึกวันและเวลาปัจจุบัน
    var timestamp = new Date();

    // 4. บันทึกข้อมูลเพิ่มลงในบรรทัดใหม่
    sheet.appendRow([timestamp, name, email, message]);

    // 5. ส่งผลลัพธ์กลับไปบอกหน้าเว็บว่า "สำเร็จ"
    return ContentService
      .createTextOutput(JSON.stringify({ "result": "success" }))
      .setMimeType(ContentService.MimeType.JSON);

  } catch (error) {
    // หากเกิดข้อผิดพลาดให้ส่งข้อความแจ้งเตือนกลับไป
    return ContentService
      .createTextOutput(JSON.stringify({ "result": "error", "message": error.toString() }))
      .setMimeType(ContentService.MimeType.JSON);
  }
}

4. กดไอคอนรูปแผ่นดิสก์ บันทึกโครงการ (Save project) ด้านบน

3. เปิดใช้งานการส่งข้อมูล (Deploy Web App)

ขั้นตอนนี้สำคัญมาก หากตั้งค่าไม่ถูกต้อง ระบบจะไม่ยอมให้หน้าเว็บส่งข้อมูลเข้ามา

1. กดปุ่มสีฟ้า การทำให้ใช้งานได้ (Deploy) ที่มุมขวาบน > เลือก การทำให้ใช้งานได้รายการใหม่ (New deployment)
2. คลิกไอคอนรูปเฟือง ⚙️ ข้างคำว่า เลือกประเภท > เลือก เว็บแอป (Web app)
3. ตั้งค่าดังนี้:
   • คำอธิบาย: พิมพ์ v1
   • เรียกใช้ในฐานะ (Execute as): เลือก ฉัน (Me)
   • ผู้ที่มีสิทธิ์เข้าถึง (Who has access): เลือก ทุกคน (Anyone)
     ⚠️ ห้ามเลือก “เฉพาะฉัน” หรือ “ทุกคนที่มีบัญชี Google”
4. กดปุ่ม การทำให้ใช้งานได้ (Deploy)

4. ยืนยันสิทธิ์ความปลอดภัย (Authorize Access)

ในการ Deploy ครั้งแรก Google จะถามความยินยอม:

1. กดปุ่ม ให้สิทธิ์เข้าถึง (Authorize access)
2. คลิกเลือกบัญชี Gmail ของคุณ
3. หากหน้าจอขึ้นเตือน “Google ยังไม่ได้ยืนยันแอปนี้” (Google hasn’t verified this app):
   • ให้คลิกที่คำว่า ขั้นสูง (Advanced) บริเวณซ้ายล่าง
   • คลิกที่ลิงก์ ไปที่ [ชื่อโปรเจกต์] (ไม่ปลอดภัย) ด้านล่างสุด
4. กดปุ่ม อนุญาต (Allow)

5. คัดลอก URL ไปใช้งาน

เมื่อเสร็จสิ้น คุณจะได้รับ URL ของเว็บแอป (Web app URL) ซึ่งเป็นลิงก์ยาวๆ ลงท้ายด้วย /exec

👉 กดปุ่มคัดลอก (Copy) URL นี้เก็บไว้ เพื่อนำไปใส่ในโค้ดฝั่ง HTML ในบทถัดไป