01 แอปพื้นฐาน
คุณสามารถปรับแต่งประสบการณ์ของคุณได้โดยการเปลี่ยนแปลงข้อมูลจำเพาะโทรศัพท์ในไฟล์ support-data.ts การเพิ่มข้อมูลโทรศัพท์ของพ่อของคุณหมายความว่าคุณจะได้รับการตอบสนองสำหรับโทรศัพท์ประเภทนั้น
เนื้อหาเวิร์กช็อปเก็บรักษาไว้ในที่เก็บข้อมูล langfuse/langfuse-workshop ที่เป็นสาธารณะ ใช้ที่เก็บข้อมูลสำหรับแอปพลิเคชันที่สามารถเรียกใช้ได้ สาขา checkpoint และการตั้งค่าในเครื่อง
คุณได้โคลนแล้วและเช็คเอาต์แอปพลิเคชันเวิร์กช็อปในอยู่แล้ว
00-setupแอปพลิเคชัน base อยู่ในเช็คเอาต์เดียวกันนั้น ดังนั้นจึงไม่มีอะไรที่จะสร้างขึ้นในบทนี้ — เพียงแต่ปรับตัวเองก่อนที่การติดตามจะเริ่มขึ้นใน02-tracing
สิ่งที่แอปพลิเคชันที่ทำงานอยู่นั้นทำให้
- พ่อตัวเองคือผู้ใช้ Specs (เอเจนต์) พูดคุยกับเขาโดยตรงเกี่ยวกับ iPhone ของเขา
- วนลูป OpenAI ที่ใช้เครื่องมือหนึ่ง เครื่องมือท้องถิ่นสองชิ้น (
get_support_context,search_help_library) - ระบบพร้อมท์ถูกเรนเดอร์ในเครื่องจาก
src/server/support-agent.tsไม่มี Langfuse ยัง
ที่ที่ต้องมองดูในโค้ด
src/client/App.tsx— UI แชท + แผงด้านข้างsrc/server/index.ts— เส้นทาง Expresssrc/server/support-agent.ts— วนลูปการเรียกใช้เครื่องมือที่คุณจะใช้การติดตามในการเรียกใช้ใน02-tracingsrc/server/tools.ts— คำจำกัดความของเครื่องมือและexecuteTool(...)src/server/support-data.ts— บริบทคงที่ของพ่อ + ไลบรารีคู่มือsrc/server/support-agent.ts— แม่แบบระบบพร้อมท์
โบนัส
คุณสามารถปรับแต่งประสบการณ์ของคุณได้โดยการเปลี่ยนแปลงข้อมูลจำเพาะโทรศัพท์ในไฟล์ support-data.ts การเพิ่มข้อมูลโทรศัพท์ของพ่อของคุณหมายความว่าคุณจะได้รับการตอบสนองสำหรับโทรศัพท์ประเภทนั้น
สถานะสุดท้าย
คุณพร้อมที่จะเริ่มต้น 02-tracing
00 การตั้งค่า
ให้แอปพลิเคชันเวิร์กช็อปทำงานในเครื่องของคุณโดยมีข้อมูลประจำตัว OpenAI และ Langfuse อยู่ในที่ จากที่นี่ คุณสามารถเรียนรู้ 01-base-app ก่อนจะเริ่มสร้างใน 02-tracing
02 การติดตาม
นี่คือสเลตว่างสำหรับขั้นตอนการติดตาม — โค้ดเดียวกับ checkpoint/01-base-app โดยไม่มีการเชื่อมต่อ Langfuse ยัง แพ็คเกจ Langfuse อยู่ในแล้ว package.json — เรียกใช้ npm inst...