ไม่มี coding agent? อัปโหลด ZIP หรือวางโค้ดจากแชต AI แล้วขึ้นเว็บ

หลายคนสร้างเว็บกับ ChatGPT, Claude หรือ Gemini ในแชตจนได้ไฟล์ครบแล้ว บางคนได้ไฟล์ ZIP มาจากฟรีแลนซ์ หรือ export จากโฮสต์เดิม แต่ติดอยู่ขั้นสุดท้าย คือไม่มี coding agent อย่าง Claude Code หรือ Codex ที่จะนำขึ้นเว็บให้ และไม่อยากเรียนเรื่อง server เพิ่ม

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

สรุปสั้นก่อนอ่าน
📦 เมนู อัปโหลดแล้วขึ้นเว็บ รับไฟล์ ZIP (ไม่เกิน 256 MB) หรือโค้ดที่วางจากแชต AI
🗂️ ต้องมีโปรเจกต์ก่อน สร้างได้จากหน้าเดียวกัน แค่ตั้งชื่อและที่อยู่เว็บ
🧙 ระบบดูเทคโนโลยี เตรียมฐานข้อมูล นำเข้าไฟล์ .sql และย้ายค่าใน .env ไปเป็น secrets ให้เอง
🔁 แก้แล้วส่งซ้ำที่โปรเจกต์เดิม ที่อยู่เว็บและข้อมูลเดิมคงไว้ ไม่เกิดเว็บซ้ำ
🧪 ฟีเจอร์นี้ยังเป็น BETA ติดตรงไหนกด คุยกับทีมงาน ได้เลย

หน้าอัปโหลดแล้วขึ้นเว็บคืออะไร เหมาะกับใคร

วิธีหลักของ BrewInTH คือส่ง ลิงก์ + token ให้ coding agent นำโค้ดขึ้นเอง วิธีนั้นยืดหยุ่นที่สุดเพราะ AI อ่าน log และแก้ปัญหาต่อได้ทันที แต่ต้องมีโปรแกรมอย่าง Claude Code, Codex หรือ Cursor บนคอมพิวเตอร์

หน้า อัปโหลดแล้วขึ้นเว็บ ไม่ต้องมีอะไรเลยนอกจากเบราว์เซอร์ เหมาะกับ:

• คนที่สร้างเว็บกับแชต AI แล้วได้โค้ดเป็นข้อความหรือไฟล์ ZIP
• คนที่ได้ไฟล์เว็บจากฟรีแลนซ์หรือเพื่อน แล้วอยากเอาขึ้นเองทันที
• คนที่ย้ายเว็บจากโฮสต์เดิมและมีไฟล์ ZIP กับไฟล์ฐานข้อมูล .sql อยู่แล้ว
• คนที่อยากแก้เว็บเล็กน้อยแล้วส่งชุดใหม่ขึ้นไปแทนแบบง่าย ๆ

หน้านี้ไม่ใช้ AI ตัดสินใจแทนคุณ ระบบอ่านไฟล์ตามกฎที่ชัดเจน แล้วบอกทุกอย่างที่ทำไว้ในหน้าผลลัพธ์

4 ขั้น จากไฟล์ในเครื่องถึงเว็บจริง

1. เปิดหน้าอัปโหลดแล้วขึ้นเว็บ แล้วสร้างโปรเจกต์

เข้าคอนโซล แล้วกดเมนู อัปโหลดแล้วขึ้นเว็บ (ถ้ายังไม่มีโปรเจกต์เลย หน้าภาพรวมจะมีปุ่ม ไม่มี AI coding agent? อัปโหลด ZIP หรือวางโค้ดจากแชต แล้วขึ้นเว็บเลย พาไปที่เดียวกัน)

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

2. ข้อ 1 เลือกโปรเจกต์ที่จะนำขึ้น

ถ้ามีหลายโปรเจกต์ ให้เลือกในข้อ 1. เลือกโปรเจกต์ที่จะนำขึ้น ใช้ช่องค้นหาด้วยชื่อหรือที่อยู่เว็บก็ได้ ระบบไม่เลือกให้เอง เพื่อกันการส่งไฟล์ไปทับผิดเว็บ ข้อ 2 จะยังกดไม่ได้จนกว่าจะเลือก

ถ้าชื่อไฟล์ ZIP ตรงกับโปรเจกต์อื่น หน้าจะขึ้นแถบ ชื่อไฟล์นี้ตรงกับอีกโปรเจกต์หนึ่ง พร้อมปุ่ม เปลี่ยนไปนำขึ้นที่โปรเจกต์นั้น ไว้ให้ตรวจอีกรอบ

3. ข้อ 2 ส่งไฟล์ของเว็บ เลือกได้สองแบบ

แบบ ไฟล์ ZIP ลากไฟล์มาวางหรือกดเพื่อเลือก ไม่เกิน 256 MB บีบทั้งโฟลเดอร์มาได้เลย มี .git, node_modules หรือ .env ปนมาไม่เป็นไร ระบบจัดการให้ และถ้ามีเว็บ PHP อยู่ใน backup ของ cPanel แบบ .tar.gz ก็ส่งได้ทั้งไฟล์ (ไม่เกิน 1 GB) ระบบหยิบ public_html กับฐานข้อมูลออกมาให้

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

=== FILE: index.html ===
<!doctype html>
...
=== END ===
=== FILE: css/style.css ===
...
=== END ===

แล้วคัดลอก คำตอบทั้งหมด ของ AI มาวางในกล่องของหน้า ระบบแยกเป็นไฟล์ตามชื่อและโฟลเดอร์ให้

4. กดขึ้นเว็บ แล้วรอดูความคืบหน้า

ปุ่มจะเขียนว่า นำขึ้นที่ <ชื่อโปรเจกต์> (ครั้งแรก) หรือ อัปเดตเว็บ <ชื่อโปรเจกต์> (ครั้งต่อไป) กดแล้วหน้าจะแสดงแถบความคืบหน้าของโปรเจกต์ ฐานข้อมูล การนำเข้า SQL และการเผยแพร่ พร้อมเวลาที่ผ่านไป ปิดแท็บได้ งานเดินต่อบน server และดูสถานะต่อได้ที่หน้าโปรเจกต์ เว็บ HTML ล้วนมักเสร็จในไม่ถึงนาที เว็บที่ต้อง build อาจใช้หลายนาที

เมื่อขึ้นว่า ออนไลน์แล้ว กด เปิดเว็บ ได้เลย

ระบบทำอะไรให้บ้าง

ใต้แถบความคืบหน้ามีหัวข้อ สิ่งที่ระบบทำให้ บอกทุกอย่างที่ระบบตัดสินใจ อ่านไว้สักรอบจะเข้าใจเว็บของตัวเองมากขึ้น ตัวอย่างสิ่งที่ระบบทำ:

• ดูเทคโนโลยีจากไฟล์ เช่น เว็บ HTML ล้วน, PHP, Laravel, Node.js, Python, Go, Java, .NET หรือ Ruby และหาโฟลเดอร์จริงให้เองแม้ ZIP จะซ้อนโฟลเดอร์หลายชั้น
• เตรียมฐานข้อมูลตามที่โค้ดใช้ MySQL, PostgreSQL, MongoDB หรือ SQLite ถ้ามีไฟล์ .sql แนบมา ระบบนำเข้าให้ก่อนเว็บเริ่มทำงาน และถ้าโค้ดใช้ Redis ระบบสร้างให้ด้วย
• ต่อฐานข้อมูลให้โค้ดเดิม ไฟล์ PHP ที่เขียนรหัสฐานข้อมูลไว้ตรง ๆ (เช่น define('DB_HOST', 'localhost')) ถูกปรับให้อ่านค่าจากระบบ โดยไม่แตะส่วนอื่นของโค้ด
• ย้ายค่าใน .env ไปเก็บเป็น secrets ของโปรเจกต์ และสุ่มค่าลับที่แอปต้องมีแต่ยังว่าง เช่น JWT_SECRET หรือ APP_KEY ให้ครั้งเดียว
• เก็บไฟล์ที่แอปเขียนไว้ในพื้นที่ถาวร ถ้าแอปเก็บข้อมูลเป็นไฟล์ เช่น SQLite หรือโฟลเดอร์รูปที่ผู้ใช้อัปโหลด ระบบเปิดพื้นที่ถาวรให้ ไฟล์จึงไม่หายตอนอัปเดตเว็บ
• บอกสิ่งที่ยังขาด เช่น ชื่อ API key ที่โค้ดต้องใช้แต่ยังไม่มีค่า หน้าจะบอกให้ไปตั้งที่ secrets ของโปรเจกต์

ถ้าใช้โดเมนของตัวเอง หน้าผลลัพธ์จะมีปุ่ม ไปที่แท็บโดเมน ให้ไปเชื่อมต่อต่อ

แก้เว็บแล้วส่งซ้ำ: ที่เดิม ข้อมูลเดิม

นี่คือจุดที่หลายคนกังวล ส่งไฟล์ชุดแก้ไขแล้วจะได้เว็บใหม่อีกเว็บไหม ข้อมูลลูกค้าที่สมัครไว้จะหายไหม คำตอบคือไม่ ถ้าส่งที่โปรเจกต์เดิม:

1. ที่อยู่เว็บเดิม ลิงก์ที่แชร์ไปแล้วหรือ QR ที่พิมพ์ติดร้านใช้ได้ต่อ
2. ฐานข้อมูลเดิมพร้อมข้อมูล ไฟล์ .sql ในชุดใหม่ไม่ถูกนำเข้าทับ ระบบเพิ่มเฉพาะตารางหรือคอลัมน์ใหม่ที่ยังไม่มี ส่วนคำสั่งอื่นที่จะเปลี่ยนข้อมูล ระบบรวมไว้ให้คุณกดรันเองพร้อมสำรองฐานข้อมูลก่อน
3. secrets เดิมคงค่าเดิม ระบบเพิ่มเฉพาะชื่อที่ยังไม่มี
4. เว็บเดิมเปิดได้ระหว่าง build สลับไปเวอร์ชันใหม่เมื่อพร้อมแล้วเท่านั้น ถ้า build ไม่ผ่าน เว็บเดิมยังอยู่

ถ้าตั้งใจจะเอาข้อมูลชุดใหม่ขึ้นแทนจริง ๆ (เช่น ไฟล์ SQLite ที่แก้ในเครื่อง) ให้ติ๊ก ใช้ไฟล์ข้อมูลจากชุดนี้แทนข้อมูลบนเว็บ ระบบย้ายไฟล์เดิมไปเก็บสำรองไว้ก่อนเสมอ ถ้าไม่ติ๊ก ข้อมูลบนเว็บไม่ถูกแตะ

รายการโปรเจกต์ในข้อ 1 จะติดป้าย เคยนำขึ้นผ่านหน้านี้แล้ว ส่งซ้ำได้ ให้รู้ว่าเลือกถูกตัว และหลังขึ้นเว็บเสร็จก็มีปุ่ม ส่งไฟล์อีกชุด ให้ส่งรอบถัดไปได้ทันที

โปรเจกต์ไหนส่งผ่านหน้านี้ไม่ได้

บางโปรเจกต์อยู่ใต้หัวข้อ โปรเจกต์ที่นำขึ้นจากหน้านี้ไม่ได้ พร้อมเหตุผล เพื่อไม่ให้ไฟล์จากสองทางทับกัน:

• โปรเจกต์ที่ AI agent เคยนำขึ้นผ่านลิงก์ + token (ให้ agent อัปเดตต่อ)
• โปรเจกต์ที่เชื่อมกับ Git repository
• โปรเจกต์ที่ตั้งคำสั่ง build/start เอง
• โปรเจกต์ที่พักการใช้งานอยู่ หรือกำลังเผยแพร่อยู่ (รอให้เสร็จก่อน)

ขึ้นเว็บไม่ผ่าน ทำยังไงต่อ

ถ้าเผยแพร่ไม่สำเร็จ หน้าเดิมจะแสดงสาเหตุ เช่น แอปเริ่มทำงานไม่สำเร็จ (build ผ่านแล้ว) ข้อความสุดท้ายจากแอปบอกสาเหตุ พร้อมคำอธิบายภาษาคนเมื่อระบบรู้สาเหตุ และปุ่มคัดลอก ใช้ข้อความนี้ได้เลย:

ฉันนำเว็บนี้ขึ้น BrewInTH ผ่านหน้า "อัปโหลดแล้วขึ้นเว็บ" แล้วไม่ผ่าน
ข้อความจากระบบอยู่ด้านล่าง ช่วยบอกว่าต้องแก้ไฟล์ไหน แก้อย่างไร
แล้วส่งไฟล์ที่แก้แล้วทั้งหมดกลับมาในรูปแบบ === FILE: ... === / === END === เหมือนเดิม
(อย่าเปลี่ยนชื่อฐานข้อมูลหรือใส่รหัสผ่านลงในโค้ด)

[วางข้อความที่คัดลอกจากหน้าเว็บตรงนี้]

แก้ตามที่ AI บอก แล้วส่งที่โปรเจกต์เดิมอีกครั้ง ถ้ายังไม่ผ่าน กด คุยกับทีมงาน ในกรอบ BETA ทีมงานยินดีช่วยดู (วิธีเล่าปัญหาให้ AI แก้ตรงจุด)

คำถามที่พบบ่อย

ใช้แพ็กเกจฟรีได้ไหม

ได้ แพ็กเกจฟรีมี 1 โปรเจกต์และฐานข้อมูล 1 ฐาน พอสำหรับเว็บแรก แต่พื้นที่ไฟล์มีน้อย เว็บที่มีรูปหรือข้อมูลเยอะควรดูแพ็กเกจที่ใหญ่ขึ้น

ZIP ต้องจัดโฟลเดอร์แบบไหน

บีบทั้งโฟลเดอร์ของเว็บได้เลย ระบบหาโฟลเดอร์จริงให้เองแม้จะซ้อนกันหลายชั้น ข้อเดียวที่ต้องระวังคือ ZIP หนึ่งไฟล์ควรมีเว็บเดียว ถ้ามีหลายแอปแยกโฟลเดอร์ ระบบจะบอกชื่อโฟลเดอร์ให้แยกส่งทีละโปรเจกต์

มีไฟล์ .env ที่มีรหัสจริงอยู่ใน ZIP ปลอดภัยไหม

ระบบไม่เอาไฟล์ .env ขึ้นเว็บ แต่ย้ายค่าไปเก็บเป็น secrets ของโปรเจกต์ (อ่านเรื่อง secrets) ยกเว้นค่าการเชื่อมต่อฐานข้อมูล ซึ่งระบบเขียนให้เองจากฐานข้อมูลของโปรเจกต์

เปลี่ยนจากเว็บ HTML เป็นแอปที่มีฐานข้อมูลทีหลังได้ไหม

ได้ ส่งไฟล์ชุดใหม่ที่โปรเจกต์เดิม ระบบเปลี่ยนเทคโนโลยีตามไฟล์ และเว็บเดิมยังเปิดได้จนกว่าเวอร์ชันใหม่จะออนไลน์

อยากให้ AI ช่วยดูแลเว็บต่อแบบเต็มตัว ต้องเริ่มใหม่ไหม

ถ้ามี coding agent แล้ว แนะนำสร้างโปรเจกต์ใหม่แล้วส่งลิงก์ + token ให้ agent เพราะเมื่อ agent นำขึ้นโปรเจกต์ไหนแล้ว โปรเจกต์นั้นจะส่งผ่านหน้านี้ไม่ได้อีก เพื่อไม่ให้สองทางทับกัน

สรุป

ไม่มี coding agent ก็ขึ้นเว็บได้ สร้างโปรเจกต์ เลือกโปรเจกต์ ส่ง ZIP หรือวางโค้ดจากแชต AI แล้วกดปุ่มเดียว ระบบดูเทคโนโลยี เตรียมฐานข้อมูล และบอกทุกอย่างที่ทำให้ เมื่อแก้เว็บก็ส่งที่โปรเจกต์เดิม ที่อยู่และข้อมูลเดิมอยู่ครบ ฟีเจอร์นี้ยังเป็น BETA ถ้าติดตรงไหน ทีมงานช่วยได้

เริ่มโปรเจกต์แรกฟรี →

บทความที่เกี่ยวข้อง

• ทำเมนูร้านอาหารออนไลน์ + QR code ด้วย AI โดยไม่ต้องเขียนโค้ด
• ย้ายเว็บจากโฮสต์เดิมมา BrewInTH ทีละขั้น ไม่ให้เว็บล่มและข้อมูลไม่หาย