การแสดงการทำงานของเอเจนต์ด้วยภาพ (Langfuse, LangSmith)
เข้าไปดูส่วนติดต่อผู้ใช้ของ Langfuse หรือ LangSmith เพื่อตรวจสอบต้นไม้ร่องรอยและเรียกใช้การทำงานที่ล้มเหลวซ้ำ
การแสดงการทำงานของเอเจนต์ด้วยภาพ (Langfuse, LangSmith) เป็นบทเรียน AI Agents ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน AI Agents และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส AI Agents มีบทเรียนทั้งหมด 4 บทเรียน
บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ
เครื่องมือชั้นนำสองรายการ
คุณสามารถสร้างระบบติดตามด้วยตนเองได้ แต่มีผลิตภัณฑ์สองรายการที่ทำงานนี้ได้ดีตั้งแต่เริ่มต้น:
- Langfuse — OSS โฮสต์เองได้ และไม่ขึ้นกับกรอบงาน
- LangSmith — ซอร์สปิด จากทีม LangChain
นอกจากนี้ยังมี Helicone, Phoenix และ Weights & Biases สำหรับกระบวนงานบางประเภท
ภาพรวม Langfuse
Langfuse มีความสามารถดังนี้:
- มุมมองต้นไม้ของ trace พร้อมข้อมูลเวลา
- ข้อมูลนำเข้าและข้อมูลส่งออกแยกตาม span
- การรวมค่าใช้จ่ายและโทเค็น
- รองรับชุดข้อมูลและการประเมิน
- การกำหนดเวอร์ชันของพรอมต์
- OSS — เรียกใช้ภายในเครื่องด้วย Docker
Langfuse Quick Start
# pip install langfuse openai
from langfuse.openai import openai
response = openai.chat.completions.create(
model='gpt-4o-mini',
messages=[{'role': 'user', 'content': 'Hi'}],
name='greeting' # span name
)
# Trace automatically appears in Langfuse UIสร้าง span ด้วยตนเองใน Langfuse
สำหรับการเรียกใช้เครื่องมือหรือตรรกะแบบกำหนดเอง:
from langfuse import Langfuse
lf = Langfuse()
trace = lf.trace(name='agent-run', user_id='u-42')
span = trace.span(name='search-tool', input={'query': 'shipping'})
results = search_kb('shipping')
span.end(output=results)LangSmith Quick Start
# pip install langsmith
import os
os.environ['LANGCHAIN_TRACING_V2'] = 'true'
os.environ['LANGCHAIN_API_KEY'] = '...'
# Any LangChain code automatically logs to LangSmith
from langchain_openai import ChatOpenAI
llm = ChatOpenAI()
llm.invoke('Hello')
# Trace appears in https://smith.langchain.comใช้ LangSmith โดยไม่ใช้ LangChain
คุณสามารถใช้ LangSmith กับโค้ดใดก็ได้ผ่านตัวตกแต่ง @traceable:
from langsmith import traceable
@traceable
def ask_agent(query: str):
# your custom agent code here
return final_answerสิ่งที่ส่วนติดต่อผู้ใช้แสดง
- รายการ trace ล่าสุดพร้อมสถานะ (สำเร็จ/ข้อผิดพลาด)
- trace หนึ่งรายการ -> ต้นไม้ของ span
- ข้อมูลต่อ span: โมเดล เวลาแฝง โทเค็น ค่าใช้จ่าย ข้อมูลนำเข้า/ข้อมูลส่งออก
- เล่นซ้ำ trace พร้อมแก้ไขข้อมูล
การติดป้ายกำกับและการกรอง
เพิ่มแท็กให้ trace เพื่อให้สามารถกรองได้:
trace = lf.trace(name='agent-run', tags=['production', 'tenant:acme', 'tool:rag'])ความคิดเห็นจากผู้ใช้
รวบรวมการกดถูกใจหรือไม่ชอบจากผู้ใช้ปลายทาง แล้วแนบไว้กับ trace:
trace.score(name='user-rating', value=1) # thumbs up
trace.score(name='user-rating', value=0) # thumbs downชุดข้อมูลและการเล่นซ้ำ
เครื่องมือทั้งสองช่วยให้คุณเปลี่ยน trace เป็นชุดข้อมูลสำหรับการประเมินได้ เลือก trace จากระบบจริง 50 รายการที่ทำงานผิดพลาด บันทึกเป็นชุดข้อมูล แล้วรันอีกครั้งด้วยพรอมต์ใหม่เพื่อเปรียบเทียบ
Self-Hosting Langfuse
# docker-compose with Postgres + Clickhouse
version: '3'
services:
langfuse:
image: langfuse/langfuse:latest
ports: ['3000:3000']
environment:
DATABASE_URL: postgresql://...
NEXTAUTH_SECRET: '...'
SALT: '...'
# Then point LANGFUSE_HOST=http://localhost:3000เปรียบเทียบเครื่องมือ
| Langfuse | LangSmith | Helicone | |
|---|---|---|---|
| OSS | ใช่ | ไม่ใช่ | ใช่ |
| กรอบงาน | ใดก็ได้ | เน้น LangChain เป็นหลัก | ใดก็ได้ |
| การประเมิน | ใช่ | ใช่ | พื้นฐาน |
โฮสต์เองได้หรือไม่
เครื่องมือการติดตามรายการใดบ้างที่สามารถโฮสต์เองด้วย Docker ได้
สรุป
ใช้เครื่องมือการติดตาม — Langfuse เหมาะสำหรับ OSS และการโฮสต์เอง ส่วน LangSmith เหมาะสำหรับการผสานรวมกับ LangChain อย่างแน่นหนา รวบรวมความคิดเห็นจากผู้ใช้ และสร้างชุดข้อมูลจาก trace จริงเพื่อใช้ในการประเมิน
คำถามที่พบบ่อย
บทเรียน “การแสดงการทำงานของเอเจนต์ด้วยภาพ (Langfuse, LangSmith)” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การแสดงการทำงานของเอเจนต์ด้วยภาพ (Langfuse, LangSmith)” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส AI Agents ให้อัปเกรดเป็น CoddyKit PRO คอร์ส AI Agents มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การแสดงการทำงานของเอเจนต์ด้วยภาพ (Langfuse, LangSmith)”
เข้าไปดูส่วนติดต่อผู้ใช้ของ Langfuse หรือ LangSmith เพื่อตรวจสอบต้นไม้ร่องรอยและเรียกใช้การทำงานที่ล้มเหลวซ้ำ คุณปฏิบัติ AI Agents ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน AI Agents หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน AI Agents บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน
บทเรียน “การแสดงการทำงานของเอเจนต์ด้วยภาพ (Langfuse, LangSmith)” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน AI Agents นี้ได้ไหม
ได้ บทเรียน AI Agents ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- เหตุใดเอเจนต์จึงต้องมีการติดตามร่องรอย
- การบันทึกการเรียกใช้เครื่องมือและข้อมูลเข้า/ออก
- เวลาแฝงและต้นทุนในแต่ละขั้นตอน
- การแสดงการทำงานของเอเจนต์ด้วยภาพ (Langfuse, LangSmith)