Google appscript หน้า รหัส.gs
function doGet(e) {} คือ ฟังก์ชันหลัก ที่ใช้ใน Google Apps Script สำหรับการสร้าง เว็บแอป (Web App) ฟังก์ชันนี้จะทำงานโดยอัตโนมัติเมื่อมีคนเข้าถึง URL ของเว็บแอปของคุณด้วยเมธอด GET ซึ่งเป็นวิธีมาตรฐานที่เว็บเบราว์เซอร์ใช้ในการร้องขอข้อมูลจากเซิร์ฟเวอร์
return HtmlService.createTemplateFromFile('index') เป็นคำสั่งใน Google Apps Script ที่ใช้เพื่อสร้างและแสดงผล HTML Template จากไฟล์ที่มีชื่อว่า 'index'
.evaluate() ใน Google Apps Script ใช้สำหรับประเมินผลการแสดงผลของ HTML Service 🖥️ โดยเฉพาะในฟังก์ชัน doGet() เพื่อแปลงโค้ด HTML หรือเทมเพลตที่อยู่ในไฟล์ .html ให้เป็นเนื้อหา HTML ที่สามารถส่งกลับไปแสดงผลบนเว็บเบราว์เซอร์ได้
addMetaTag('viewport', 'width=device-width, initial-scale=1') ไม่ใช่คำสั่งที่สมบูรณ์ในตัวเอง แต่เป็นส่วนหนึ่งของการเขียนโค้ดเพื่อสร้างเมตาแท็กในหน้าเว็บ โดยมีหน้าที่บอกเบราว์เซอร์ว่าควรปรับขนาดหน้าเว็บให้เข้ากับความกว้างของอุปกรณ์ (เช่น สมาร์ทโฟน) และกำหนดมาตราส่วนเริ่มต้นของการซูมเป็น 1:1 เพื่อให้แสดงผลได้อย่างเหมาะสมบนทุกอุปกรณ์.
setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL) เป็นคำสั่งใน Google Apps Script ที่ใช้เพื่อกำหนดให้ HTML ที่สร้างขึ้นสามารถถูกฝั ง (embed) ในเฟรม (iframe) บนเว็บไซต์อื่นได้โดยไม่มีข้อจำกัด
code. คัดลอกได้
function doGet() {
return HtmlService.createTemplateFromFile('index')
.evaluate()
.addMetaTag('viewport', 'width=device-width, initial-scale=1')
.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL)
}
ถ้าใครกำลังทำ Google Apps Script เป็น Web App แล้วขึ้นข้อความ “ไม่พบฟังก์ชันของสคริปต์: doGet” (Script function not found: doGet) ส่วนใหญ่เกิดจากจุดเล็ก ๆ ที่มองข้ามได้ง่าย เราลองไล่เช็กตามนี้ทีละข้อแล้วมักจบได้เลย 1) ชื่อฟังก์ชันต้องสะกดตรง “doGet” แบบตัวพิมพ์เล็ก/ใหญ่ถูกต้อง Google Apps Script แยกตัวพิมพ์เล็กใหญ่ ดังนั้นต้องเป็น doGet ไม่ใช่ doget หรือ doGET และควรประกาศแบบนี้: function doGet(e) { ... } ถ้าในไฟล์มี function doGet(){...} อยู่แล้วแต่ยังเออเรอร์ ให้ลองค้นหาคำว่า “doGet” ทั้งโปรเจกต์ เผลอไปพิมพ์ผิดในไฟล์อื่นก็มีผลได้ 2) ต้องอยู่ไฟล์ .gs และอยู่ระดับบนสุด (top-level) ฟังก์ชัน doGet ต้องอยู่ในไฟล์สคริปต์ .gs (เช่น รหัส.gs) และไม่ควรถูกซ่อนไว้ในฟังก์ชันอื่น/คลาส เช่น function main(){ function doGet(){...} } ❌ ให้ย้ายออกมาไว้ด้านนอกสุดของไฟล์ ✅ 3) เลือก Deploy แบบ “Web app” และตั้งค่าให้ถูก ไปที่ Deploy > New deployment > เลือก Type = Web app - Execute as: Me (เจ้าของสคริปต์) มักง่ายสุดเวลาเทส - Who has access: Anyone / Anyone with the link (ตามงาน) ถ้าแก้โค้ดแล้วอย่าลืม “Deploy เวอร์ชันใหม่” หรือ “Manage deployments > Edit” ไม่งั้นเว็บแอปอาจยังรันโค้ดเวอร์ชันเก่า 4) ตรวจไฟล์ HTML ให้ชื่อถูกกับ createTemplateFromFile ถ้าเขียน return HtmlService.createTemplateFromFile('index') ในโปรเจกต์ต้องมีไฟล์ชื่อ index.html จริง ๆ (ไม่ใช่ Index.html หรือ index.htm) และไฟล์ต้องอยู่ในโปรเจกต์เดียวกัน ตัวอย่างโค้ดที่ใช้ได้บ่อย: function doGet(e) { return HtmlService.createTemplateFromFile('index') .evaluate() .addMetaTag('viewport', 'width=device-width, initial-scale=1') .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL); } 5) ถ้าทดสอบด้วยปุ่ม Run ในตัวแก้ไขสคริปต์ อาจสับสน การกด Run เพื่อรัน doGet ใน editor ทำได้ แต่บางคนเผลอเลือกฟังก์ชันผิดจากดรอปดาวน์ (เช่นเลือกฟังก์ชันอื่น) ให้เลือก doGet ให้ถูก หรือทดสอบผ่าน URL ของ Web App จะชัวร์กว่า 6) เช็ก Error จาก Execution log เพื่อหาจุดพังจริง เข้า Executions (บันทึกการดำเนินการ) ดูว่าเรียกใช้แล้วล้มตรงไหน โดยเฉพาะเคสที่ขึ้นคล้าย “การเปลี่ยนแปลงที่ไม่ได้บันทึก” ให้กดบันทึกก่อน แล้วค่อย deploy/ทดสอบใหม่ อ้างอิงเอกสารทางการ (เผื่ออยากดูละเอียด) ค้นใน Google ว่า “Google Apps Script Web App doGet HtmlService official documentation” แล้วเทียบกับโค้ดของเรา จุดสำคัญคือ doGet ต้องมีอยู่จริง และต้อง deploy เป็น Web App ถูกประเภท ถ้าอยากให้ช่วยไล่ให้ตรงจุด ส่งภาพหน้า Deploy + รายชื่อไฟล์ในโปรเจกต์ (มี index.html ไหม) และข้อความเออเรอร์เต็ม ๆ มาได้เลย
🥰🥰