เชื่อมต่อ: ให้เว็บไซต์ที่คุณสร้างด้วยเครื่องมือ AI มีที่อยู่จริง

เว็บไซต์ที่เครื่องมือ AI สร้างจะอยู่บนคอมพิวเตอร์ของคุณ (เป็นโฟลเดอร์ หรือลิงก์ตัวอย่างที่ใช้ได้เฉพาะตอนที่เครื่องมือเปิดอยู่) การเผยแพร่จะคัดลอกไฟล์ไปยังโฮสติ้งของ aiKit และให้ที่อยู่ https ปกติที่ออนไลน์ตลอดเวลาไม่ว่าเครื่องของคุณจะเปิดหรือปิด ใช้ได้จากอุปกรณ์ใดก็ได้ ไม่ผูกกับการเชื่อมต่อของคุณ และไม่ต้องติดตั้งอะไรเพิ่ม ทุกการเปลี่ยนแปลงหลังจากนั้นจะเป็นเวอร์ชันที่ย้อนกลับได้ และโดเมนของคุณเองจะเพิ่มเมื่อคุณพร้อม

หลังจากนั้นมีสองวิธีในการทำงานต่อ กฎคือ: ใช้ทั้งสองวิธีได้ทุกเมื่อที่ฝ่ายใดฝ่ายหนึ่งต้องการ โดยไม่ต้องหยุดหรือรอกัน วิธีที่ 1 ทำงานต่อในเครื่องมือ: Claude, Claude Code, ChatGPT หรือ Cursor จะส่งเฉพาะไฟล์ที่เปลี่ยนผ่านตัวเชื่อมต่อ และ aiKit จะสร้างเวอร์ชันใหม่ ในเว็บไซต์ที่ใช้งานจริง การเปลี่ยนแปลงจะรอเป็นฉบับร่างจนกว่าคุณจะเผยแพร่บน aiKit (หรือเครื่องมือเรียก publish_changes ซึ่งจะรันการตรวจสอบอัตโนมัติเดียวกันก่อน) เหมาะที่สุดเมื่อเว็บไซต์ยังอยู่ระหว่างพัฒนาหรือเป็นการออกแบบใหม่ทั้งหมด วิธีที่ 2 ทำงานโดยตรงใน aiKit: แชทของผู้ช่วย หมุดบนหน้าจริง หน้าชุดเครื่องมือที่ส่งลีดจริง กฎและบรีฟ และเวอร์ชัน เหมาะที่สุดสำหรับงานประจำวัน เช่น การเปลี่ยนข้อความ เวลาทำการ ราคา หน้าใหม่ หรือสิ่งใดก็ตามที่ลูกค้าขอ ในทันทีที่ขอ ทุกการเปลี่ยนแปลงจากฝ่ายใดฝ่ายหนึ่งจะกลายเป็นเวอร์ชันของตัวเองที่ย้อนกลับได้ ดังนั้นจะไม่มีอะไรหายไปโดยไม่รู้ตัว กรณีพิเศษที่ควรทราบคือ หากไฟล์เดียวกันเปลี่ยนทั้งสองฝั่งในเวลาใกล้เคียงกันมาก การบันทึกที่มาถึงทีหลังสุดจะเป็นเวอร์ชันที่ใช้งานอยู่สำหรับไฟล์นั้น และอีกเวอร์ชันจะอยู่ในประวัติเวอร์ชัน กู้คืนได้ด้วยการคลิกเพียงครั้งเดียว โปรเจกต์ ZIP หรือ GitHub จะได้วิธีที่ 2 ทันที และการเชื่อมต่อเครื่องมือภายหลังจะเพิ่มวิธีที่ 1 ไว้ด้านบน โดยส่งการอัปเดตเข้าโปรเจกต์เดียวกัน

ในแอป Claude สำหรับเดสก์ท็อป (ที่มีแท็บหน้าแรกและแท็บ Code) ตัวเชื่อมต่อ aiKit เป็นสวิตช์เดียวสำหรับทั้งแอป ไม่ใช่แยกตามแท็บ เปิดเพียงครั้งเดียวจากเมนู "+" → Connectors ในแท็บใดก็ได้ แล้วจะใช้งานได้ทั้งสองแท็บ รวมถึง Claude Code ไม่มีขั้นตอนตั้งค่าแยกสำหรับ Code เพียงวางพรอมต์ลงในแท็บที่คุณกำลังทำงานอยู่

เว็บไซต์ที่สร้างใน Claude, ChatGPT, Cursor, Lovable, Bolt หรือ v0 จะยังอยู่บนแล็ปท็อปของคุณจนกว่าจะถูกโฮสต์ หน้า Connect ("Connect" ในเมนูโปรเจกต์ที่โฮสต์) จะย้ายเว็บไซต์เหล่านี้มาที่ aiKit เพื่อให้ได้ลิงก์ที่ใช้งานได้แม้ปิดแล็ปท็อปแล้ว พร้อมแชตผู้ช่วย ประวัติเวอร์ชัน การปักหมุด และหน้าลูกค้าเป้าหมายส่วนตัว ด้านบนของหน้าจะแจ้งข้อมูลเรื่องค่าใช้จ่ายก่อนตั้งค่าใด ๆ คือการโฮสต์ฟรี 90 วันบนที่อยู่ aiKit พร้อมป้ายเล็ก ๆ ส่วนการเปิดใช้งานต่อเนื่องและโดเมนของคุณเองต้องใช้แพ็กเกจแบบชำระเงิน การแก้ไขด้วย AI จะถูกหักจากยอดคงเหลือโทเค็นฟรีเริ่มต้น ผู้ช่วยจะแสดงยอดคงเหลือและหยุดเมื่อเหลือศูนย์ พร้อมอธิบายเหตุผลว่า AI มีต้นทุนจริงในทุกการแก้ไข ส่วนการโฮสต์ไม่มีค่าใช้จ่ายแบบนั้

ขั้นตอนที่ 1 คือเลือกเครื่องมือที่คุณใช้สร้าง ได้แก่ Claude (แอปหรือ claude.ai ง่ายที่สุด วางที่อยู่เดียวเป็นตัวเชื่อมต่อ), Claude Code (คำสั่งเทอร์มินัลเดียว), ChatGPT (ตัวเชื่อมต่อโหมดนักพัฒนา), Cursor / Windsurf / VS Code (ไฟล์การตั้งค่าขนาดเล็ก) หรืออื่น ๆ (ส่งออกเป็นไฟล์ zip หรือลิงก์ GitHub แล้วอัปโหลด) ส่วนที่เหลือของหน้าจะเปลี่ยนตามตัวเลือกของคุณ

สำหรับทุกเครื่องมือยกเว้นเส้นทางส่งออก ขั้นตอนที่ 2 จะสร้างกุญแจ และหน้าจอจะอธิบายใน 3 บรรทัด ได้แก่ กุญแจคืออะไร (รหัสผ่านยาวที่ให้เครื่องมือ AI หนึ่งตัวทำงานในนามคุณบน aiKit ได้ เช่น สร้างโปรเจกต์ อัปโหลดไฟล์ อัปเดตเว็บไซต์ที่คุณเห็นอยู่แล้ว และไม่มีอย่างอื่น), เมื่อใช้งานจะเกิดอะไรขึ้น (เครื่องมือจะส่งไฟล์ที่เขียนไว้พร้อมกุญแจ aiKit จะตรวจสอบและสร้างโปรเจกต์ในบัญชีของคุณ) และต้องเก็บเป็นความลับ (หนึ่งกุญแจต่อหนึ่งเครื่องมือ เพิกถอนได้ที่นี่หากแล็ปท็อปหาย และจะแสดงเพียงครั้งเดียว) ชื่อกุญแจจะตั้งตามชื่อเครื่องมือโดยอัตโนมัติ

ขั้นตอนที่ 3 คือการตั้งค่าแบบมีลำดับตามเครื่องมือ โดยทุกที่อยู่และคำสั่งจะแสดงพร้อมกุญแจใหม่ที่กรอกให้แล้ว และมีปุ่มคัดลอก ได้แก่ Settings → Connectors → Add custom connector ของ Claude พร้อมที่อยู่ aiKit; คำสั่ง claude mcp add หนึ่งคำสั่งสำหรับ Claude Code; Settings → Connectors → Advanced → Developer mode → Create ของ ChatGPT โดยเลือก "No authentication" (กุญแจอยู่ในที่อยู่); ตัวอย่าง mcp.json สำหรับโปรแกรมแก้ไข; หรือสำหรับเส้นทางส่งออก เส้นทาง New project → Detailed setup → Bring files from another AI tool พร้อมไฟล์ zip (สูงสุด 300 MB) หรือลิงก์ GitHub สาธารณะ

พรอมป์ตเป็นข้อกำหนดที่สมบูรณ์ ใช้เหมือนกันทุกเครื่องมือ (2026-09-11) ได้แก่ โครงสร้างโฟลเดอร์ที่ aiKit โฮสต์ (index.html อยู่ระดับบนสุด หนึ่งหน้าต่อไฟล์ .html หรือโฟลเดอร์ styles.css โฟลเดอร์ assets/ ใช้เฉพาะพาธสัมพัทธ์ ไม่มีสิ่งที่ต้องใช้ขั้นตอนการบิลด์ ไม่มีข้อมูลลับ และขีดจำกัดขนาด) สิ่งที่ทุกหน้าต้องมี (title, description, แท็ก viewport, ส่วนหัวและส่วนท้ายเดียวกัน, alt text และการจัดหน้าขนาดมือถือ) วิธีสร้างฟอร์ม (HTML ธรรมดาที่ใช้ action="#" เพราะ aiKit จะเชื่อมต่อกับระบบใบเสนอราคา ติดต่อ และจองของตนเองหลังอัปโหลด) กฎห้ามสร้างข้อมูลที่ไม่มีจริง โดยให้ใช้เครื่องหมาย [PLACEHOLDER] แทน และรายการตรวจห้าข้อที่เครื่องมือจะทำก่อนส่งมอบ คัดลอกด้วยปุ่มแล้ววางที่จุดเริ่มต้นของแชตที่คุณใช้สร้าง ก่อนอธิบายเว็บไซต์

สิ่งที่เกิดขึ้นกับไฟล์ส่งออก: zip หรือที่เก็บ GitHub สาธารณะที่มี index.html อยู่ระดับบนสุดและไม่ใช้เฟรมเวิร์ก จะถูกโฮสต์ตามที่ส่งออกทุกประการ aiKit จะแตกไฟล์ ลบ node_modules ผลลัพธ์การบิลด์ และไฟล์ลับใด ๆ ตรวจว่าทุกลิงก์ภายในและพาธของแอสเซตใช้ได้ (แยกตัวพิมพ์เล็กใหญ่ ตามที่เซิร์ฟเวอร์เห็น) สร้าง PLAN.md จากหน้าที่พบ เพิ่มไอคอน favicon หากไม่มี และเพิ่มสคริปต์ตัวแก้ไขเว็บไซต์สด แล้วทำเครื่องหมายโปรเจกต์เป็น Ready ภายในไม่กี่วินาที โดยไม่ผ่าน AI และไม่เปลี่ยนการออกแบบหรือเนื้อหาของคุณ เฉพาะไฟล์ส่งออกที่ยังนำไปใช้ไม่ได้ (ไม่มี index.html ระดับบนสุด เป็นโปรเจกต์เฟรมเวิร์ก หรือพาธเสีย) จะผ่าน AI แบบเบา ๆ ซึ่งได้รับคำสั่งให้แก้เฉพาะพาธเท่านั้น บันทึกการบิลด์ในหน้าโปรเจกต์จะระบุว่าเกิดกรณีใดจากสองกรณีนี้

การเผยแพร่จาก Claude Code, Claude, Cursor หรือ ChatGPT ผ่านตัวเชื่อมต่อจะข้ามขั้นตอนการส่งออก publish_site ส่งไฟล์เข้าไปโดยตรง และโปรเจกต์จะปรากฏในรายการเป็น Ready ส่วน update_site ส่งเฉพาะไฟล์ที่เปลี่ยนในภายหลัง ยังไม่มีอะไรออนไลน์จนกว่าจะมีคนกด Go live ในหน้าโปรเจกต์

การเชื่อมต่อเครื่องมือเพียงให้สิทธิ์ในการส่งไฟล์เข้าบัญชี aiKit ของคุณ แต่ไม่ได้เปลี่ยนสิ่งที่ aiKit รันได้ aiKit โฮสต์ได้เพียงประเภทเดียว คือเว็บไซต์ที่ประกอบจากไฟล์ซึ่งไม่ต้องใช้เซิร์ฟเวอร์ที่ทำงานตลอดเวลา โปรเจกต์ของคุณจะโฮสต์ที่นี่ได้หรือไม่ ขึ้นอยู่กับสิ่งที่โปรเจกต์ต้องใช้ในการทำงานทั้งหมด ไม่ใช่ว่า AI ตัวไหนสร้างหรือคุณเชื่อมต่อเครื่องมือนั้นหรือไม่ สิ่งต่อไปนี้ใช้งานได้บน aiKit:

• เว็บไซต์การตลาดหรือเว็บข้อมูล เช่น หน้าหลัก เกี่ยวกับเรา บริการ แกลเลอรี ติดต่อเรา
• ฟอร์มติดต่อ ใบเสนอราคา และการจอง aiKit เชื่อมฟอร์มเหล่านี้กับระบบของตนเองหลังอัปโหลด และคำขอจริงจะไปที่แท็บ Requests ของโปรเจกต์
• บล็อกหรือพอร์ตโฟลิโอ
• โปรเจกต์เฟรมเวิร์ก (React, Next, Vite, Astro หรืออื่น ๆ ที่คล้ายกัน) ตราบเท่าที่ส่งออกเป็นไฟล์สถิตธรรมดาได้ หรือการบิลด์ไม่ต้องใช้ข้อมูลลับฝั่งเซิร์ฟเวอร์หรือฐานข้อมูลขณะรัน
• แดชบอร์ดข้อมูลหรือพอร์ทัลลูกค้า ที่แสดงผลอย่างเดียว ไม่มีการล็อกอินและไม่มีฐานข้อมูลเบื้องหลัง

สิ่งเหล่านี้โฮสต์บน aiKit ไม่ได้ในตอนนี้ ไม่ว่า AI ตัวไหนจะสร้างหรือเครื่องมือนั้นเชื่อมต่อแล้วหรือไม่ก็ตาม:

• บัญชีผู้ใช้ การล็อกอิน หรือรหัสผ่านที่ตรวจสอบกับเซิร์ฟเวอร์
• ฐานข้อมูลทุกประเภท เช่น บันทึกที่จัดเก็บไว้ คำสั่งซื้อ ประวัติแชต ประวัติการค้นหา หรือสิ่งใดก็ตามที่ต้องเก็บแยกตามผู้ใช้
• API แบบชำระเงินที่เรียกด้วยกุญแจลับขณะรัน (เช่น แอปที่เรียก API ของ Anthropic หรือ OpenAI เอง) เพราะกุญแจไม่มีที่เก็บที่ปลอดภัยในเว็บไซต์สถิตธรรมดา
• การประมวลผลการชำระเงินหรือการเช็คเอาต์ที่หักเงินบนเซิร์ฟเวอร์
• สิ่งที่ต้องใช้เซิร์ฟเวอร์ทำงานตลอดเวลา เช่น เว็บฮุก งานเบื้องหลัง หรือแบ็กเอนด์แชตสด

หากสิ่งที่คุณสร้างต้องการสิ่งใดสิ่งหนึ่งในนั้น การเชื่อมต่อเครื่องมือ AI ของคุณจะไม่เปลี่ยนแปลงอะไร เครื่องมือจะบอกคุณในสิ่งเดียวกับที่หน้านี้เพิ่งบอกไป และการเผยแพร่จะได้เพียงเปลือกที่ถูกตัดทอน (อาจเป็นแค่หน้าแลนดิ้ง) ไม่ใช่แอปที่ใช้งานได้จริง ตัวอย่างจริงสองกรณี: เว็บไซต์ร้านเบเกอรี่ที่มีฟอร์มขอใบเสนอราคาจะเผยแพร่ที่นี่ได้อย่างสมบูรณ์ และทั้งสองวิธีการอัปเดต (เครื่องมือ AI ของคุณส่งการเปลี่ยนแปลง และปุ่มหมุดหรือผู้ช่วยบน aiKit) จะใช้งานกับเว็บไซต์นั้นได้ตลอดไป ส่วนแอปการเรียนที่มีระบบล็อกอินและฐานข้อมูลไม่สามารถโฮสต์ที่นี่ได้เลย ต้องใช้โฮสติ้งแยกต่างหาก (เซิร์ฟเวอร์และฐานข้อมูลของตัวเอง) และเมื่อติดตั้งแล้ว คุณยังคงพัฒนาและอัปเดตโดยตรงด้วยเครื่องมือ AI ของคุณเหมือนที่ทำอยู่ทุกวัน aiKit ไม่ได้เป็นส่วนหนึ่งของการโฮสต์โปรเจกต์นั้น ดังนั้นวิธีการอัปเดตทั้งสองในหน้านี้จึงไม่ใช้กับโปรเจกต์นั้น