วิธีสร้างแบ็คเอนด์ด้วย VS Code?

vs code ช่วยให้คุณสามารถรวมเครื่องมือภายนอกที่มีเซิร์ฟเวอร์ mcp ที่ใช้งานอยู่เข้ากับมันผ่านโปรโตคอล mcp ได้ ซึ่งช่วยให้คุณสามารถดำเนินการงานและอ่านข้อมูลจากแหล่งเหล่านั้นโดยไม่ต้องออกจาก ide ของคุณโดยใช้คำสั่ง ในบทเรียนนี้ คุณจะได้เรียนรู้วิธีการสร้างแบ็กเอนด์และส่วนติดต่อผู้ใช้ (ui) สำหรับแพลตฟอร์มบล็อกโดยใช้ เซิร์ฟเวอร์ back4app mcp ผ่าน vs code และนำไปใช้งานบนคอนเทนเนอร์ back4app ข้อสรุปที่สำคัญ เรียนรู้วิธีการสร้างแบ็กเอนด์บน back4app โดยใช้ vs code และเซิร์ฟเวอร์ mcp สำรวจวิธีการที่ความสัมพันธ์ถูกสร้างแบบจำลองระหว่างคลาสบน back4app สำรวจวิธีการที่การตรวจสอบสิทธิ์และการอนุญาตตามบทบาทถูกนำไปใช้โดย back4app โดยใช้คลาสในตัว นำแอปของคุณไปใช้งานในไม่กี่คลิกโดยใช้คอนเทนเนอร์ back4app คุณสามารถดูบล็อกสดที่สร้างขึ้นในบทเรียนนี้โดยใช้ ลิงก์นี้ ข้อกำหนดเบื้องต้น ในการติดตามบทเรียนนี้ คุณต้องมีสิ่งต่อไปนี้ บัญชี back4app คุณสามารถ ลงทะเบียนฟรี หากคุณยังไม่มี ติดตั้ง vs code บนระบบของคุณ ความคุ้นเคยพื้นฐานกับแนวคิดการพัฒนาแบ็กเอนด์ ภาพรวมโครงการ บล็อก ในบทแนะนำนี้ คุณจะสร้างบล็อกง่ายๆ ที่อนุญาตให้คุณสร้าง แก้ไข ดู และลบบทความบล็อก มันยังรองรับความคิดเห็นและติดตามจำนวนคนที่เข้าชมบทความบล็อกของคุณ นอกจาก user ตารางที่มีให้โดยค่าเริ่มต้นใน back4app สำหรับการตรวจสอบสิทธิ์ บล็อกของคุณจะมีตารางอีกสามตาราง บทความ ความคิดเห็น และการดู เมื่อผู้ใช้ในบล็อกของคุณสร้างบัญชี back4app จะสร้างบันทึกใหม่ใน user ตารางและออกโทเค็นเซสชันที่ปลอดภัยซึ่งคุณสามารถนำกลับมาใช้ใหม่ในการร้องขอครั้งถัดไปได้ ผู้ใช้ที่ตรวจสอบสิทธิ์เท่านั้นที่สามารถเผยแพร่บทความได้ เมื่อบทความบล็อกถูกเผยแพร่ ผู้ใช้ที่ตรวจสอบสิทธิ์และผู้ใช้ที่ไม่ได้ตรวจสอบสิทธิ์สามารถอ่านบทความได้ อย่างไรก็ตาม ผู้ใช้ที่ตรวจสอบสิทธิ์เท่านั้นที่สามารถแสดงความคิดเห็นได้ ทุกครั้งที่มีการดึงบทความบล็อกจากฐานข้อมูล back4app จำนวนการดูจะเพิ่มขึ้น เพื่อป้องกันการใช้ฟีเจอร์นี้ในทางที่ผิดเพื่อเพิ่มจำนวนการดู คุณจะดำเนินการติดตั้งการป้องกันบางอย่างรอบๆ มัน ตอนนี้คุณมีแนวคิดคร่าวๆ เกี่ยวกับสิ่งที่คุณจะสร้างแล้ว ในส่วนถัดไป คุณจะเชื่อมต่อ vscode กับ back4app mcp server การเชื่อมต่อ vscode กับ back4app mcp server ไปที่เว็บไซต์ back4app และคลิกที่ new app ปุ่มที่มุมซ้ายบนของหน้า ในหน้าจอ “สร้าง backend” ให้ตั้งชื่อแอปของคุณและคลิกที่ create ปุ่ม ในหน้าแสดงภาพรวมแอปของคุณ ให้คลิกที่ mcp setup ปุ่ม ในโมดัล “เลือก ide ของคุณ” ให้คลิกที่ vs code และทำตามคำแนะนำที่แสดงบนหน้าจอเพื่อเชื่อมต่อ vscode กับ back4app mcp server โดยอัตโนมัติ หากคุณทำตามตัวเลือกการติดตั้งอัตโนมัติ คุณต้องรีสตาร์ท vs code บนเครื่องของคุณก่อนที่จะดำเนินการต่อ อีกทางเลือกหนึ่ง คุณสามารถเชื่อมต่อ back4app mcp server ด้วยตนเอง (ซึ่งให้คุณควบคุมการตั้งค่าได้มากขึ้น) โดยการเปลี่ยนโมดัลไปที่ส่วนการตั้งค่าด้วยตนเอง หลังจากทำตามขั้นตอนที่ระบุในโมดัลเพื่อเชื่อมต่อ back4app mcp server กับ vscode คุณสามารถยืนยันการเชื่อมต่อได้โดยการคลิกที่แถบค้นหาในหน้าต่าง vscode ของคุณและค้นหา “>mcp list servers” ทำการสั่งงาน และคุณควรเห็นรายการของ mcp servers ที่มีอยู่และสถานะปัจจุบันของพวกเขา (กำลังทำงาน/หยุด) ตอนนี้ที่คุณได้เชื่อมต่อเซิร์ฟเวอร์ back4app mcp กับ vscode แล้ว ในส่วนถัดไป คุณจะเขียนคำสั่งที่จะสร้างแอปพลิเคชันทั้งหมดของคุณ การสร้างแบ็กเอนด์ของบล็อกของคุณ ในการสร้างแบ็กเอนด์ของคุณโดยใช้ vscode และ github copilot ก่อนอื่นคุณต้องเปิดใช้งานโหมดเอเจนต์ใน github copilot เพื่อเปิดใช้งานโหมดเอเจนต์ ให้เปิดแชท github copilot โดยกด “ control + command + i” บน macos สำหรับ windows ให้กด “ctrl + i” ในหน้าแชท ให้คลิกที่ดรอปดาวน์ที่มีป้าย “ask” และเลือกโหมด “agent” ถัดไป ให้ป้อนคำสั่งด้านล่างหรือคำสั่งที่คล้ายกันให้กับ github copilot เพื่อสร้างคลาสที่จำเป็นสำหรับแอปของคุณ สร้างแบ็กเอนด์ที่เรียกว่า “blogger” เริ่มต้นด้วยการเพิ่มคลาส post ที่มีฟิลด์ต่อไปนี้ title และ body เป็นสตริงที่จำเป็น, slug ที่ไม่ซ้ำกัน, heroimage ไฟล์ที่เลือกได้ที่เก็บในบัคเก็ตของ back4app, พอยน์เตอร์ผู้เขียนไปยังคลาสผู้ใช้ที่สร้างไว้, เคาน์เตอร์สำหรับ commentcount และ viewcount (ทั้งหมดเริ่มต้นที่ 0), สถานะ สตริงที่จำกัดอยู่ที่ draft หรือ published, และวันที่ publishedat ที่ตั้งค่าโดยอัตโนมัติเมื่อร่างเริ่มเผยแพร่ ต่อไป สร้างคลาส comment ที่เก็บสตริงเนื้อหา, พอยน์เตอร์ผู้เขียน, และพอยน์เตอร์โพสต์ เพิ่มคลาส view ที่บันทึกการดูแต่ละครั้งด้วยพอยน์เตอร์ผู้ใช้ที่เลือกได้และพอยน์เตอร์โพสต์ที่จำเป็น คำสั่งข้างต้นสร้างแบ็กเอนด์ back4app ใหม่ที่เรียกว่า “blogger” และเติมเต็มด้วยคลาส post, comment, และ view พร้อมกับคุณสมบัติที่จำเป็น เมื่อคุณดำเนินการตามคำสั่งนี้ด้วย copilot มันจะบันทึกขั้นตอนที่มันทำตามในหน้าต่างแชทของคุณและขออนุญาตคุณในแต่ละขั้นตอนที่เปลี่ยนแปลงข้อมูลของคุณ เพื่อผลลัพธ์ที่ดีที่สุด ให้ดำเนินการตามคำสั่งเหล่านี้ด้วยโมเดลพรีเมียมเช่น 03 mini หรือ claude sonnet 4 หลังจากที่ copilot สร้างคลาสที่จำเป็นแล้ว ตอนนี้คุณมีวิธีการที่มีโครงสร้างในการจัดเก็บข้อมูลบล็อกของคุณ ในส่วนถัดไป คุณจะดำเนินการตรวจสอบสิทธิ์สำหรับแอปของคุณ การดำเนินการตรวจสอบสิทธิ์ ความต้องการในการตรวจสอบสิทธิ์สำหรับแอปของคุณนั้นง่าย คุณต้องให้ผู้ใช้ลงทะเบียนและเข้าสู่ระบบเพื่อสร้างโพสต์บล็อกและแสดงความคิดเห็นในโพสต์บล็อก อย่างไรก็ตาม พวกเขาสามารถอ่านโพสต์บล็อกในแอปของคุณได้โดยไม่ต้องมีการตรวจสอบสิทธิ์ คุณสามารถดำเนินการความต้องการในการตรวจสอบสิทธิ์สำหรับแอปของคุณโดยใช้คำสั่งด้านล่าง เพิ่มการตรวจสอบสิทธิ์ผู้ใช้ใน blogger โดยการขยายคลาสผู้ใช้ที่สร้างไว้ในตัว บัญชีแต่ละบัญชีต้องมี `username`, `password` ที่มีความยาวอย่างน้อย แปดตัวอักษร และที่อยู่อีเมล ก่อนที่จะบันทึกแต่ละครั้ง cloud code จะเปลี่ยนที่อยู่อีเมลให้เป็นตัวพิมพ์เล็ก จากนั้นตรวจสอบว่าไม่มีบัญชีอื่นใช้ที่อยู่นั้นอยู่แล้ว; หากที่อยู่นั้นถูกใช้แล้ว การบันทึกจะถูกปฏิเสธ ทริกเกอร์เดียวกันนี้ยังบังคับใช้กฎความยาวรหัสผ่าน เปิดเผยฟังก์ชัน cloud สี่ฟังก์ชันไปยังส่วนหน้า \ signup รับชื่อผู้ใช้ อีเมล และรหัสผ่าน มันสร้าง 	ผู้ใช้และส่งคืนบันทึกใหม่ รวมถึงโทเค็นเซสชันเพื่อให้ผู้เรียกใช้ได้รับการตรวจสอบสิทธิ์ทันที \ login รับชื่อผู้ใช้หรืออีเมลพร้อมรหัสผ่านและเมื่อ 	success ส่งคืนวัตถุผู้ใช้และโทเค็น \ logout ทำให้โทเค็นเซสชันปัจจุบันไม่ถูกต้อง คำสั่งด้านบนเพิ่มการตรวจสอบสิทธิ์ผู้ใช้ในแอปของคุณ ลอจิกการตรวจสอบสิทธิ์อนุญาตให้ผู้ใช้ของคุณสร้างบัญชีโดยใช้ที่อยู่อีเมล ชื่อผู้ใช้ และรหัสผ่าน หลังจากลงทะเบียน ผู้ใช้จะเข้าสู่ระบบโดยอัตโนมัติ และเมื่อผู้ใช้ออกจากระบบ เซสชันปัจจุบันของพวกเขาจะถูกทำให้ไม่ถูกต้อง หลังจากที่ copilot ดำเนินการลอจิกการตรวจสอบสิทธิ์ของคุณ ผู้ใช้ของคุณจะมีวิธีที่ปลอดภัยในการลงทะเบียนและเข้าสู่ระบบ ในส่วนถัดไป คุณจะดำเนินการลอจิกที่จำเป็นสำหรับการสร้างโพสต์และความคิดเห็น การสร้างโพสต์และความคิดเห็น ในการดำเนินการฟีเจอร์การสร้างโพสต์และความคิดเห็น คุณต้องสร้างฟังก์ชัน cloud สองฟังก์ชันและฮุคที่สนับสนุนที่ให้ผู้ใช้ที่ตรวจสอบสิทธิ์สามารถเผยแพร่โพสต์และเพิ่มความคิดเห็นในกระบวนการที่ราบรื่น เริ่มต้นด้วยการสร้างฮุคที่สนับสนุนโดยการป้อนคำสั่งด้านล่างหรือคำสั่งที่คล้ายกัน ขยายแอป blogger โดยการเพิ่ม post beforesave ฮุคที่ เปลี่ยนชื่อเรื่องของโพสต์ใหม่แต่ละโพสต์ให้เป็นสลักที่เป็นมิตรกับ url (ตัวพิมพ์เล็ก แทนที่ช่องว่างด้วยขีด และลบสัญลักษณ์) จากนั้นตรวจสอบคลาสโพสต์เพื่อให้แน่ใจว่าสลักนั้นไม่ซ้ำกัน เมื่อโพสต์กำลังถูกสร้าง ฮุคยังตั้งค่า `status` เป็น `"published"` และบันทึกวันที่ปัจจุบันใน `publishedat` แนบ comment aftersave ฮุคที่ เมื่อความคิดเห็นถูกเก็บทันที จะเพิ่ม `commentcount` ของโพสต์หลักเพื่อให้ยอดรวมยังคงถูกต้องโดยไม่ต้องมีการสอบถามเพิ่มเติม คำสั่งข้างต้นดำเนินการตรวจสอบ/การกระทำที่ทำก่อนที่จะมีการสร้างโพสต์หรือความคิดเห็น สำหรับโพสต์ จะมีการสร้าง slug ที่ไม่ซ้ำกันโดยใช้ชื่อเรื่อง จากนั้นสถานะจะเปลี่ยนเป็นเผยแพร่ และวันที่ปัจจุบันจะถูกตั้งเป็นวันที่เผยแพร่ สำหรับความคิดเห็น โพสต์ที่เชื่อมโยงจะทำการอัปเดตจำนวนความคิดเห็นของมัน ตอนนี้ สร้างฟังก์ชันคลาวด์ที่เกี่ยวข้องกับ hooks ก่อนบันทึกข้างต้นโดยใช้คำสั่งด้านล่างหรือคำสั่งที่คล้ายกัน เปิดเผยฟังก์ชันคลาวด์สองฟังก์ชันสำหรับส่วนหน้า ฟังก์ชันแรก createpost รับ `title`, `body`, และ `heroimage` ที่ไม่บังคับ ต้องการให้ผู้เรียกเข้าสู่ระบบ กำหนดผู้เรียกเป็น `author` แนบภาพถ้าจัดเตรียมไว้ บันทึกโพสต์ และส่งคืนวัตถุที่บันทึกไว้ ฟังก์ชันที่สอง addcomment ต้องการการตรวจสอบตัวตน รับ `postid` และ `content` ยืนยันว่าโพสต์มีอยู่ สร้างความคิดเห็น ที่เชื่อมโยงกับทั้งโพสต์และผู้เรียก บันทึกมัน และส่งคืนความคิดเห็นใหม่ เพื่อป้องกันการละเมิด จำกัดผู้ใช้ที่ตรวจสอบตัวตนแต่ละคนให้ทำการเรียก createpost ได้ห้าครั้ง และทำการเรียก addcomment ได้สิบห้าครั้งต่อหนึ่งนาที คำสั่งข้างต้นเปิดเผยฟังก์ชันโค้ดคลาวด์สองฟังก์ชันที่อนุญาตให้ผู้ใช้ของคุณสร้างโพสต์และความคิดเห็น มันยังปกป้องแอปของคุณจากการละเมิดโดยการจำกัดการสร้างโพสต์ที่ 5 และความคิดเห็นที่ 15 ต่อหนึ่งนาที ตรรกะหลักที่เกี่ยวข้องกับการสร้างโพสต์และความคิดเห็นได้ถูกดำเนินการแล้วใน hooks ก่อนบันทึกที่สร้างขึ้นในคำสั่งก่อนหน้านี้; คำสั่งนี้เพียงแค่เปิดเผย api สำหรับส่วนหน้าที่จะใช้ หลังจากที่ copilot ดำเนินการตรรกะข้างต้น ผู้ใช้ของคุณจะมีวิธีในการสร้างและแสดงความคิดเห็นในโพสต์ ในส่วนถัดไป คุณจะดำเนินการตรรกะที่จำเป็นในการอัปเดตความคิดเห็นและโพสต์เหล่านั้น และตรรกะที่จำเป็นในการนับการเข้าชมในแต่ละโพสต์บล็อก การอัปเดตโพสต์ ความคิดเห็น และการเข้าชม เพื่อดำเนินการฟังก์ชันการทำงานที่อนุญาตให้ผู้ใช้แก้ไขโพสต์ของตน แก้ไขความคิดเห็นของตนเอง และลงทะเบียนการเข้าชมหน้า คุณต้องการฟังก์ชันคลาวด์สองฟังก์ชัน updatepost, updatecomment และ aftertrigger คุณสามารถดำเนินการฟังก์ชันคลาวด์ updatepost โดยใช้คำสั่งด้านล่างหรือคำสั่งที่คล้ายกัน ดำเนินการฟังก์ชันคลาวด์ updatepost ที่ต้องการให้ผู้เรียกเข้าสู่ระบบ และตรวจสอบว่าเจ้าของโพสต์ตรงกับ request user รับ objectid ของโพสต์พร้อมกับชื่อเรื่องใหม่, body หรือ heroimage ที่แทนที่ ละเลยหรือปฏิเสธความพยายามใด ๆ ในการจัดเตรียมฟิลด์สถานะ; เมื่อโพสต์ถูกเผยแพร่ สถานะของมันไม่สามารถเปลี่ยนแปลงได้ผ่านเส้นทางนี้ หลังจากโหลดโพสต์และยืนยันความเป็นเจ้าของแล้ว ให้ใช้การอัปเดตที่อนุญาตและบันทึก หากชื่อเรื่องเปลี่ยน ให้พึ่งพา hook post beforesave ที่มีอยู่เพื่อสร้าง slug ที่ไม่ซ้ำกัน ส่งคืนโพสต์ที่อัปเดตให้กับผู้เรียก คำสั่งข้างต้นสร้างฟังก์ชันที่อัปเดตโพสต์ มันรับประกันว่าการอัปเดตสามารถทำได้โดยผู้ใช้ที่สร้างโพสต์เท่านั้น และสร้าง slug ใหม่หากชื่อเรื่องมีการเปลี่ยนแปลง คุณสามารถใช้คำสั่งด้านล่างหรือคำสั่งที่คล้ายกันในการ implement ฟังก์ชัน cloud updatecomment ได้ สร้างฟังก์ชัน cloud updatecomment ที่ต้องการการตรวจสอบตัวตน, รับ objectid ของความคิดเห็นและเนื้อหาที่แก้ไขแล้ว, จากนั้นดึงความคิดเห็น และยืนยันว่าผู้โทรคือผู้เขียนความคิดเห็นนั้น ใช้เนื้อหาใหม่และบันทึก; hook comment aftersave จะไม่เปลี่ยนแปลง commentcount โดยอัตโนมัติเนื่องจาก ความคิดเห็นนั้นมีอยู่แล้ว ส่งคืนความคิดเห็นที่แก้ไขแล้ว คำสั่งด้านบนสร้างฟังก์ชันที่อัปเดตความคิดเห็นของโพสต์ การอัปเดตสามารถทำได้โดยผู้สร้างความคิดเห็นเท่านั้น คุณสามารถใช้คำสั่งด้านล่างหรือคำสั่งที่คล้ายกันในการ implement ฟังก์ชัน cloud recordview ได้ เพิ่ม trigger afterfind บนคลาส post เพื่อให้ทุกครั้งที่ backend ส่งคืนโพสต์เดียวโดย `objectid` มันจะบันทึกการเข้าชมหน้าโดยอัตโนมัติ หากการค้นหาเป็นฟีดหรือการค้นหาที่ส่งคืนโพสต์หลายรายการ, trigger จะออก โดยไม่ทำอะไร ภายใน trigger, ดึงโพสต์จาก `request results\[0]`, สร้างวัตถุ view ใหม่, ตั้งค่าชี้ไปที่โพสต์นั้น, และเมื่อมี, ตั้งค่าชี้ไปที่ `viewer` เป็น `request user`, bันทึกการเข้าชม, เรียก `post increment("viewcount")`, บันทึกโพสต์, และ ส่งคืน `request results` เพื่อทำให้การค้นหาต้นฉบับเสร็จสมบูรณ์ คำสั่งด้านบนสร้าง trigger afterfind บนคลาส post ทุกครั้งที่ backend ส่งคืนโพสต์เดียว (ดึงโดย objectid ของมัน), trigger จะสร้างบันทึก view ใหม่ที่ชี้ไปที่โพสต์นั้น (และผู้ใช้ปัจจุบัน, หากล็อกอิน) และเพิ่ม viewcount ของโพสต์ หากการค้นคืนโพสต์หลายรายการ, trigger จะไม่ทำอะไร ด้วยสิ่งนี้ ฟังก์ชันการทำงานส่วนใหญ่ของบล็อกของคุณเสร็จสมบูรณ์แล้ว ถัดไป, คุณจะ implement ฟังก์ชันการทำงานที่อนุญาตให้ผู้ใช้ลบโพสต์ของตน การลบโพสต์ ในการลบโพสต์ ผู้ใช้ต้องเป็นผู้ที่สร้างโพสต์นั้น เมื่อโพสต์ถูกลบ เนื้อหาที่เกี่ยวข้องทั้งหมด (views, comments) จะถูกลบไปพร้อมกับโพสต์ คุณสามารถใช้คำสั่งด้านล่างหรือคำสั่งที่คล้ายกันในการ implement ฟังก์ชันการลบโพสต์ได้ สร้างฟังก์ชัน cloud deletepost เพื่อให้ผู้เขียนสามารถลบงานของตนเองได้ ผู้โทรต้องล็อกอินและต้องส่ง objectid ของโพสต์ เริ่มต้นโดยการดึงโพสต์และยืนยันว่าผู้เขียนเท่ากับ request user; หากไม่ใช่ ให้ปฏิเสธคำขอ หลังจากยืนยันความเป็นเจ้าของแล้ว ให้ลบบันทึกโพสต์, จากนั้น ลบความคิดเห็นและการเข้าชมที่เกี่ยวข้องทั้งหมดซึ่งชี้ไปที่โพสต์ที่ถูกลบ สุดท้าย ส่งคืนข้อความความสำเร็จสั้น ๆ พร้อมกับจำนวนบันทึกที่ถูกลบ คำสั่งด้านบน implement logic ที่จำเป็นสำหรับการลบโพสต์ ด้วยการเพิ่มเติมเหล่านี้ backend ของคุณตอนนี้ครอบคลุมวงจรชีวิตเนื้อหาทั้งหมด, อนุญาตให้ผู้เขียนเผยแพร่, แก้ไข, และลบ, อนุญาตให้ผู้อ่านอภิปราย, และรักษาสถิติการเข้าชมที่ถูกต้องสำหรับทุกโพสต์ ในส่วนถัดไป คุณจะสร้าง ui สำหรับแอปพลิเคชันของคุณ การสร้าง frontend ของคุณ คุณสามารถใช้ประโยชน์จากบริบทที่ copilot มีจากการสร้าง backend ของคุณบน back4app เพื่อขอให้มันสร้าง frontend ที่ตรงกับสคีมาและความต้องการสำหรับแอปของคุณ คุณสามารถทำสิ่งนี้สำหรับการจัดตารางนัดหมายโดยใช้คำสั่งด้านล่าง สร้าง frontend ขั้นต่ำที่ตรงกับสคีมาและดำเนินการฟังก์ชันทั้งหมดของแอปพลิเคชัน blog บนบัญชี back4app ของฉันและเชื่อมต่อ frontend กับ backend โดยใช้ javascript parse sdk โดยใช้คำสั่งข้างต้นหรือคำสั่งที่คล้ายกัน, copilot จะสร้าง frontend ที่ตรงกับสคีมาของ backend ของคุณและเชื่อมต่อกับ backend ของคุณ เรียกใช้แอปโดยใช้คำแนะนำที่ copilot ให้มาและทำการปรับเปลี่ยนใด ๆ ที่คุณต้องการ ตอนนี้ที่โครงการของคุณเสร็จสมบูรณ์, ในส่วนถัดไป, คุณจะนำไปใช้งานบน back4app containers การนำแอปของคุณไปใช้งานบน back4app containers back4app containers ช่วยให้คุณสามารถนำแอปของคุณไปใช้งานได้อย่างง่ายดายโดยใช้ dockerfile และ github repository ในการนำแอปของคุณไปใช้งานบน back4app containers, คุณต้องรวม dockerfile ไว้ใน repository ของคุณก่อน คุณสามารถขอให้ claude สร้างหนึ่งโดยใช้คำสั่งด้านล่าง สร้างไฟล์ docker สำหรับ ui ของแอปพลิเคชันบล็อกของฉัน หรือคุณสามารถใช้ dockerfile ที่ให้ไว้ด้านล่าง \# เริ่มจากภาพ nginx alpine ที่เบาที่สุด from nginx\ alpine \# ลบเนื้อหาที่ตั้งค่าไว้ run rm rf /usr/share/nginx/html/ \# คัดลอกไซต์สถิตของคุณ (html, css, assets) ลงในคอนเทนเนอร์ copy /usr/share/nginx/html/ \# เปิดพอร์ต 80 expose 80 \# เริ่ม nginx ในพื้นหลัง cmd \["nginx", " g", "daemon off;"] หลังจากเพิ่ม dockerfile และผลักดันไปยัง github, ไปที่แดชบอร์ดแอป back4app ของคุณ, คลิกที่ แดชบอร์ด ดรอปดาวน์, และเลือก แพลตฟอร์มการปรับใช้เว็บ ตัวเลือก ในหน้าการปรับใช้ ให้คลิกที่ปุ่ม “deploy a web app” และให้ back4app เข้าถึงที่เก็บข้อมูลที่คุณต้องการปรับใช้ เลือกแอปที่คุณต้องการปรับใช้ กรอกรายละเอียดการปรับใช้ และคลิกที่ deploy ปุ่ม การคลิกที่ปุ่มจะเริ่มกระบวนการปรับใช้ และหลังจากเสร็จสิ้น คุณจะได้รับ url ที่ใช้งานได้จริงสำหรับแอป คุณสามารถดูบล็อกสดที่สร้างขึ้นในบทช่วยสอนนี้ได้โดยใช้ ลิงก์นี้ บทสรุป ในบทความนี้ คุณได้สร้างแพลตฟอร์มบล็อกที่สมบูรณ์โดยใช้เซิร์ฟเวอร์ back4app mcp และ github copilot จากนั้นปรับใช้ด้วย back4app containers นี่แสดงให้เห็นถึงชุดเครื่องมือทั้งหมดของ back4app ที่ช่วยให้คุณสามารถเคลื่อนจากการคิดไอเดียไปสู่การเปิดตัวด้วยค่าใช้จ่ายที่น้อยที่สุด ในขั้นตอนถัดไป คุณสามารถขยายโครงการด้วยฟีเจอร์เช่นการรวมโซเชียลมีเดีย การแจ้งเตือนทางอีเมลอัตโนมัติสำหรับความคิดเห็นใหม่ ฟังก์ชันการค้นหาขั้นสูง หรือการวิเคราะห์การมีส่วนร่วมของโพสต์และพฤติกรรมของผู้อ่าน การปรับปรุงทั้งหมดเหล่านี้เข้ากันได้อย่างเป็นธรรมชาติในกระบวนการทำงานของ back4app เดียวกัน ออกแบบและกำหนดคลาสใหม่หรือ cloud functions ด้วย github copilot ป้องกันด้วย hooks ก่อนบันทึก และปล่อยการอัปเดตผ่าน back4app containers วิธีนี้ช่วยให้คุณสามารถเพิ่มฟีเจอร์ใหม่ให้กับบล็อกของคุณโดยไม่รบกวนผู้ใช้