วิธีสร้าง Backend ด้วย Claude?

การพัฒนาแบ็คเอนด์แบบดั้งเดิมมักต้องการการเขียนโค้ดที่กว้างขวาง การจัดการโครงสร้างพื้นฐาน และทรัพยากรการพัฒนาที่สำคัญ อย่างไรก็ตาม การใช้แพลตฟอร์มแบ็คเอนด์เป็นบริการสมัยใหม่สามารถทำให้กระบวนการนี้ง่ายขึ้นอย่างมาก back4app ทำให้กระบวนการนี้ง่ายขึ้นโดยการจัดเตรียมชุดเครื่องมือที่ครอบคลุมซึ่งออกแบบมาเพื่อเร่งกระบวนการทำงานของคุณ หนึ่งในเครื่องมือเหล่านี้คือ โปรโตคอลบริบทโมเดล (mcp) ของ back4app , ซึ่งช่วยให้คุณสร้างแบ็คเอนด์ทั้งหมดจาก llm เช่น claude โดยใช้เพียงภาษาธรรมชาติ ในบทแนะนำนี้ คุณจะได้เรียนรู้วิธีการสร้างแบ็คเอนด์และส่วนติดต่อผู้ใช้ (ui) สำหรับเครื่องติดตามค่าใช้จ่ายส่วนบุคคลโดยใช้เซิร์ฟเวอร์ mcp ของ back4app ผ่าน claude และนำไปใช้งานบนคอนเทนเนอร์ของ back4app ข้อคิดสำคัญ คุณสามารถดูเครื่องติดตามค่าใช้จ่ายส่วนบุคคลแบบสดที่สร้างขึ้นในบทแนะนำนี้โดยใช้ ลิงก์นี้ ค้นพบวิธีการสร้างแบ็คเอนด์บน back4app ในไม่กี่นาทีโดยใช้คำสั่งของ claude และเซิร์ฟเวอร์ mcp ดูการทำงานของ cloud code hooks ขณะที่พวกเขาป้องกันการเขียนเฉพาะเจ้าของและรักษาสรุปรายเดือนให้ถูกต้องโดยไม่ต้องใช้โครงสร้างพื้นฐานเพิ่มเติม เรียนรู้การสร้างส่วนหน้าที่ตอบสนองซึ่งเชื่อมต่อกับ parse apis ของคุณผ่าน javascript sdk ทั้งหมดที่สร้างโดย claude สำรวจการปรับใช้ด้วยคลิกเดียวกับ back4app containers โดยการผลักดัน github repo ของคุณไปยังการผลิตโดยไม่มีค่าใช้จ่ายในการดำเนินงาน ข้อกำหนดเบื้องต้น ในการติดตามบทแนะนำนี้ คุณต้องมีสิ่งต่อไปนี้ บัญชี back4app คุณสามารถ ลงทะเบียนฟรี หากคุณยังไม่มีบัญชี ติดตั้ง claude desktop บนระบบของคุณ ความคุ้นเคยพื้นฐานกับแนวคิดการพัฒนาแบ็คเอนด์ ภาพรวมโครงการ เครื่องติดตามค่าใช้จ่ายส่วนบุคคล คุณจะสร้างแบ็คเอนด์สำหรับติดตามค่าใช้จ่ายที่ claude สามารถสอบถามและอัปเดตได้แบบเรียลไทม์ เครื่องติดตามค่าใช้จ่ายของคุณสามารถบันทึกค่าใช้จ่ายของคุณโดยจัดระเบียบตามหมวดหมู่ และให้สรุปค่าใช้จ่ายรายเดือนและรายปีของพฤติกรรมการใช้จ่ายของคุณ โครงการนี้มีโมเดลข้อมูล 4 โมเดล ผู้ใช้ ตารางนี้เก็บข้อมูลบัญชีและวงเงินการใช้จ่ายรายเดือนโดยรวมสำหรับแต่ละคน ฟิลด์ประกอบด้วยอีเมล รหัสผ่าน งบประมาณรายเดือน และเวลาที่บันทึก ค่าใช้จ่าย ตารางนี้เก็บข้อมูลการซื้อแต่ละครั้งที่นี่ วันที่ จำนวน หมวดหมู่ และคำอธิบาย หมวดหมู่ ตารางนี้เก็บป้ายกำกับที่ผู้ใช้กำหนดเพื่อจัดกลุ่มค่าใช้จ่าย ฟิลด์ประกอบด้วย id, user id, name, และเวลาที่บันทึก สรุปรายเดือน ตารางนี้เก็บข้อมูลยอดรวมที่คำนวณล่วงหน้าเพื่อการตรวจสอบแดชบอร์ดและงบประมาณอย่างรวดเร็ว ฟิลด์ประกอบด้วย user id , month , total spent , และ timestamps ทุกครั้งที่คุณบันทึกค่าใช้จ่าย จะมีการเรียกใช้ beforesave cloud code trigger เพื่อค้นหา (หรือสร้าง) สรุปรายเดือนของเดือนนั้นและเพิ่มยอดรวมและหักจำนวนเงินจากงบประมาณรายเดือนของคุณ นี่คือแผนภาพความสัมพันธ์ของเอนทิตีเพื่อช่วยให้คุณมองเห็นสคีมา ตอนนี้คุณมีแนวคิดคร่าวๆ เกี่ยวกับสิ่งที่คุณจะสร้าง ในส่วนถัดไปคุณจะตั้งค่าเซิร์ฟเวอร์ back4app mcp ด้วย claude desktop และเริ่มเขียนคำสั่งที่จะสร้างแอปที่อธิบายไว้ในส่วนนี้ การเชื่อมต่อ back4app และ claude desktop ในการเชื่อมต่อเซิร์ฟเวอร์ back4app mcp กับ claude desktop คุณต้องมีคีย์บัญชี back4app ก่อน ในการดึงข้อมูลนี้ ให้เข้าสู่ระบบบัญชี back4app ของคุณ และในแดชบอร์ดผู้ใช้ของคุณ ให้คลิกที่เมนูดรอปดาวน์ในแถบเมนูและเลือก คีย์บัญชี ในหน้า account keys ให้ตั้งชื่อคีย์บัญชีของคุณ คัดลอกคีย์ที่สร้างขึ้น และเก็บรักษาให้ปลอดภัย ถัดไป คุณต้องแก้ไขไฟล์การตั้งค่าของ claude desktop เพื่อรวมเซิร์ฟเวอร์ back4app mcp โดยค่าเริ่มต้น ไฟล์การตั้งค่าของ claude desktop จะไม่มีอยู่ในระบบของคุณ คุณสามารถสร้างไฟล์การตั้งค่าได้โดยการไปที่การตั้งค่า claude desktop ในระบบของคุณ เลือก developer ตัวเลือก และคลิกที่ edit config ปุ่ม หรือคุณสามารถทำตาม คู่มือนี้ สิ่งนี้จะสร้างไฟล์การกำหนดค่าที่ (ถ้าคุณยังไม่มี) macos /library/application support/claude/claude desktop config json windows %appdata%\\\claude\\\claude desktop config json …และจะแสดงไฟล์ในระบบไฟล์ของคุณ เปิดไฟล์การตั้งค่าด้วยโปรแกรมแก้ไขข้อความใดก็ได้ที่คุณเลือกและเพิ่มการกำหนดค่าด้านล่าง { "mcpservers" { "back4app" { "command" "npx", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } แทนที่ \<account key> ด้วยคีย์บัญชีของคุณ บันทึกไฟล์และรีสตาร์ท claude desktop หากคุณกำลังทำตามบทแนะนำนี้ในเครื่อง windows ให้เปลี่ยนค่าของคีย์คำสั่งเป็น npx cmd เมื่อมีการกำหนดค่าเหล่านี้แล้ว คุณก็พร้อมที่จะเริ่มสร้างแบ็กเอนด์ back4app ของคุณด้วยเซิร์ฟเวอร์ back4app mcp และ claude desktop การสร้าง backend ด้วย claude desktop ในการสร้าง backend ของโครงการที่กล่าวถึงก่อนหน้านี้ คุณต้องสร้างแอปใหม่บน back4app และในแอปนั้นให้สร้างตารางฐานข้อมูลที่เหมาะสม คุณสามารถทำสิ่งนี้ได้โดยใช้ claude desktop และ prompt ของคุณ prompt ของคุณควรสั่งให้ claude สร้างแอปพลิเคชันใหม่ชื่อ “personal expense tracker” กำหนดสี่คลาส mongodb ( user, category, expense, และ monthlysummary) พร้อมฟิลด์ที่จำเป็น ความสัมพันธ์ของ pointer ค่าเริ่มต้น และการควบคุมการเข้าถึง และฝัง cloud code hooks ที่อัปเดตสรุปประจำเดือนเมื่อมีการเปลี่ยนแปลงค่าใช้จ่าย ป้องกันการเขียนที่ไม่ได้รับอนุญาต และป้องกันชื่อหมวดหมู่ซ้ำสำหรับผู้ใช้ ตัวอย่าง prompt ที่ทำสิ่งนี้ได้มีดังต่อไปนี้ create a new back4app app named “personal expense tracker” class \\\\ user email string, required, unique passwordhash string, required monthlybudget number, required, default 0 (smallest currency unit) add a unique index on email class category user pointer<\\\\ user>, required (owner) name string, required acl public read, owner write add a compound unique index on {user, name} class expense user pointer<\\\\ user>, required category pointer\<category>, optional amount number, required currency string (length 3), required, default “usd” spentat date, required note string, optional isdeleted boolean, required, default false acl public read, owner write add indexes on {user, spentat} and {user, isdeleted} class monthlysummary user pointer<\\\\ user>, required month date, required (store the first day of the month) totalspent number, required acl public read, owner write add a unique index on {user, month} cloud code 1\ aftersave on expense if isdeleted is false, upsert the matching monthlysummary row (month = first day of spentat) and increment totalspent by amount if an expense is soft deleted (isdeleted toggled to true), decrement totalspent accordingly 2\ beforesave on expense reject writes when the authenticated user is not equal to user 3\ beforesave on category enforce the per user unique {user, name} combination create all classes, fields, indexes, clps, and cloud code hooks exactly as specified เมื่อคุณส่ง prompt คุณจะได้รับป๊อปอัพจาก claude ที่ขออนุญาตในการดำเนินการเฉพาะ เช่น การสร้างแอป ป๊อปอัพเหล่านี้ให้โอกาสในการตรวจสอบและอนุญาตการกระทำที่อาจไม่สามารถย้อนกลับได้ เช่น การสร้างแอปใหม่หรือการเพิ่มคลาส เพื่อให้แน่ใจว่าไม่มีสิ่งใดถูกปรับใช้ คิดค่าใช้จ่าย หรือเปิดเผยโดยไม่ได้รับความยินยอมจากคุณอย่างชัดเจน พวกเขาทำหน้าที่เป็นการป้องกันการเปลี่ยนแปลงโดยไม่ได้ตั้งใจ เพื่อให้แน่ใจว่าคุณยังคงควบคุมทรัพยากร back4app ของคุณ ถัดไป ให้ดำเนินการตรวจสอบผู้ใช้ในแอปของคุณโดยการให้ claude ชุดคำสั่งที่สั่งให้เพิ่มฟังก์ชัน cloud ที่ใช้การลงทะเบียนและเข้าสู่ระบบด้วยโทเค็น ลบการเข้าถึงสาธารณะไปยังคลาส user เก็บการอ่านสาธารณะแต่เขียนเฉพาะเจ้าของใน category, expense, และ monthlysummary และสร้างการป้องกัน beforesave ที่ปฏิเสธการเขียนใด ๆ เมื่อคำขอไม่ได้รับการตรวจสอบสิทธิ์ รายการของคำสั่งตัวอย่างสำหรับแต่ละฟังก์ชันการทำงานมีดังนี้ ลงทะเบียน update the back4app application “personal expense tracker” to include a cloud code function called signupuser inputs email, password, monthlybudget (optional, default 0) if a user with the same email already exists, throw an error otherwise create the user record with those values and return the session token คำสั่งนี้สร้างโค้ดคลาวด์สำหรับการลงทะเบียน เข้าสู่ระบบ update the back4app application “personal expense tracker” to include a cloud code function called loginuser inputs email, password call parse user login with those credentials and return the session token on success คำสั่งนี้สร้างการเข้าสู่ระบบที่สอดคล้องกันสำหรับโค้ดคลาวด์ การอนุญาตระดับคลาส update class level permissions for the personal expense tracker \ keep public read but owner only write on category, expense, and monthlysummary คำสั่งนี้ทำให้แน่ใจว่าเฉพาะเจ้าของของ category, expense, และ monthly summary เท่านั้นที่สามารถแก้ไขได้ การดำเนินการตามคำสั่งเหล่านี้จะเสร็จสิ้นตรรกะด้านหลังทั้งหมดของคุณ ในส่วนถัดไป คุณจะสร้างส่วนหน้าสำหรับด้านหลังของคุณ การสร้างส่วนหน้า เนื่องจาก claude สร้าง backend ของคุณใน back4app มันจึงจำได้ว่าสคีมาและการตอบสนองมีลักษณะอย่างไร ใช้ประโยชน์จากบริบทนั้น คุณสามารถขอให้มันสร้าง ui ที่ตรงกับสคีมาของแอปที่สร้างขึ้น มีตัวอย่างคำสั่งด้านล่าง generate a minimal frontend that matches the schema and implements all the functionality of the personal expense tracker on my back4app account and connect the frontend to the backend using the javascript parse sdk คุณควรได้รับ ui เต็มรูปแบบ คัดลอกโค้ดที่ให้มาไปยัง ide เช่น vs code และผลักดันโค้ดไปยัง github ในส่วนถัดไป คุณจะปรับใช้ส่วนหน้าของคุณบน back4app containers การปรับใช้แอปของคุณบน back4app containers back4app containers ช่วยให้คุณสามารถปรับใช้แอปของคุณได้อย่างง่ายดายโดยใช้ dockerfile และ github repository ในการปรับใช้แอปของคุณบน back4app containers คุณต้องรวม dockerfile ไว้ใน repository ของคุณก่อน คุณสามารถขอให้ claude สร้างหนึ่งโดยใช้คำสั่งด้านล่าง generate a docker file for the ui of my personal expense tracker หรือคุณสามารถใช้ dockerfile ที่ให้ไว้ด้านล่าง \# start from the official lightweight nginx alpine image from nginx\ alpine \# remove default content run rm rf /usr/share/nginx/html/ \# copy your static site (html, css, assets) into the container copy /src /usr/share/nginx/html/ \# expose port 80 expose 80 \# start nginx in the foreground cmd \["nginx", " g", "daemon off;"] หลังจากเพิ่ม dockerfile และผลักดันไปยัง github ให้ไปที่แดชบอร์ดแอป back4app ของคุณ คลิกที่ แดชบอร์ด ดรอปดาวน์ และเลือก แพลตฟอร์มการปรับใช้เว็บ ตัวเลือก ในหน้าการปรับใช้ คลิกที่ปุ่ม “ปรับใช้เว็บแอป” และให้ back4app เข้าถึง repository ที่คุณต้องการปรับใช้ เลือกแอปที่คุณต้องการปรับใช้ กรอกรายละเอียดการปรับใช้ และคลิกที่ ปรับใช้ ปุ่ม การคลิกปุ่มจะเริ่มกระบวนการปรับใช้ และเมื่อเสร็จสิ้น คุณจะได้รับ url ที่ใช้งานได้สำหรับแอป คุณสามารถดูตัวติดตามค่าใช้จ่ายส่วนตัวที่สร้างขึ้นในบทแนะนำนี้ได้โดยใช้ ลิงก์นี้ บทสรุป ในบทความนี้ คุณได้สร้างแอปที่ติดตามค่าใช้จ่ายของคุณโดยใช้เซิร์ฟเวอร์ back4app mcp และ claude จากนั้นคุณได้ปรับใช้มันโดยใช้คอนเทนเนอร์ back4app นี่แสดงให้เห็นถึงชุดเครื่องมือทั้งหมดของ back4app ที่ช่วยให้คุณสร้างแอปตั้งแต่การคิดไอเดียไปจนถึงการเปิดตัวโดยมีค่าใช้จ่ายน้อยที่สุด ในขั้นตอนถัดไป คุณสามารถขยายโครงการด้วยฟีเจอร์เช่นแม่แบบค่าใช้จ่ายที่เกิดซ้ำ การนำเข้า csv หรือการแจ้งเตือนสำหรับการเกินงบประมาณ การปรับปรุงทั้งหมดเหล่านี้เข้ากันได้อย่างเป็นธรรมชาติในกระบวนการทำงานของ back4app เดียวกัน กำหนดคลาสใหม่หรือฟังก์ชันคลาวด์ด้วย claude ป้องกันด้วย hooks ก่อนบันทึก และปล่อยการอัปเดตผ่านคอนเทนเนอร์ back4app วิธีการนี้ช่วยให้คุณปรับปรุงแอปของคุณโดยไม่รบกวนผู้ใช้หรือเปลี่ยนผู้ให้บริการโฮสติ้ง