01 Ứng dụng cơ sở
Bạn có thể tùy chỉnh trải nghiệm của mình bằng cách thay đổi specs điện thoại trong tệp support-data.ts. Thêm thông tin điện thoại của dad của bạn có nghĩa là, bạn sẽ nhận được câu trả lời cho đúng loại điện thoại.
Tài liệu workshop được duy trì trong repository công khai langfuse/langfuse-workshop. Sử dụng repository cho ứng dụng có thể chạy được, các nhánh checkpoint, và cài đặt cục bộ.
Bạn đã clone repo và checkout ứng dụng workshop trong
00-setup. Ứng dụng cơ sở ở trong cùng checkout đó, vì vậy không có gì để xây dựng trong chương này — chỉ định hướng chính mình trước khi tracing bắt đầu trong02-tracing.
Ứng dụng đang chạy làm gì
- Dad chính là người dùng. Specs (agent) nói chuyện trực tiếp với anh ấy về iPhone của anh ấy.
- Một vòng lặp gọi tool OpenAI. Hai tools cục bộ (
get_support_context,search_help_library). - System prompt được render cục bộ từ
src/server/support-agent.ts. Chưa có Langfuse.

Nơi nhìn vào trong code
src/client/App.tsx— chat UI + side panelsrc/server/index.ts— Express routessrc/server/support-agent.ts— vòng lặp gọi tool mà bạn sẽ instrument trong02-tracingsrc/server/tools.ts— định nghĩa tool vàexecuteTool(...)src/server/support-data.ts— ngữ cảnh cố định của Dad + thư viện hướng dẫnsrc/server/support-agent.ts— mẫu system-prompt
Bonus
Bạn có thể tùy chỉnh trải nghiệm của mình bằng cách thay đổi specs điện thoại trong tệp support-data.ts. Thêm thông tin điện thoại của dad của bạn có nghĩa là, bạn sẽ nhận được câu trả lời cho đúng loại điện thoại.
Trạng thái cuối cùng
Bạn đã sẵn sàng bắt đầu 02-tracing.
00 Thiết lập
Có ứng dụng workshop chạy cục bộ với cả hai thông tin xác thực OpenAI và Langfuse. Từ đây bạn có thể lướt qua 01-base-app, sau đó bắt đầu xây dựng trong 02-tracing.
02 Theo dõi
Đây là bảng trắng cho bước tracing — code tương tự như checkpoint/01-base-app, không có wiring Langfuse nào. Các package Langfuse đã có trong package.json — chạy npm inst...