0Pricing
AI Agents · บทเรียน

การแสดงการทำงานของเอเจนต์ด้วยภาพ (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

เปรียบเทียบเครื่องมือ

LangfuseLangSmithHelicone
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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. เหตุใดเอเจนต์จึงต้องมีการติดตามร่องรอย
  2. การบันทึกการเรียกใช้เครื่องมือและข้อมูลเข้า/ออก
  3. เวลาแฝงและต้นทุนในแต่ละขั้นตอน
  4. การแสดงการทำงานของเอเจนต์ด้วยภาพ (Langfuse, LangSmith)
← กลับไปที่ AI Agents