Agentic AI Assistants: Xây Chatbot Thông Minh Thực Hiện Task Cho Website 2026

7 tháng trước · 14 phút đọc
Chatbot cũ đã chết - agentic AI đang thay thế
Bạn có bao giờ thấy bực khi chat với bot của một shop online, hỏi "còn hàng không" thì nó trả lời "Xin chào! Mình có thể giúp gì cho bạn?" không? Đó là chatbot thế hệ cũ - script cứng, không có não.
Agentic AI khác hoàn toàn. Thay vì chờ bạn hỏi từng bước, nó chủ động quan sát trạng thái website, lên kế hoạch hành động, gọi API kiểm tra kho hàng, rồi trả lời chính xác - tất cả trong một lượt.
Observe → Plan → Act → Reflect: vòng lặp cốt lõi của agentic AI
Thị trường agentic AI đang tăng tốc mạnh. Dự báo đạt {{fact:fact_0}} vào 2030, và {{fact:fact_1}} ứng dụng doanh nghiệp sẽ tích hợp loại AI này vào cuối 2026. Với e-commerce Việt Nam - nơi người dùng kỳ vọng hỗ trợ nhanh, cá nhân hóa, bằng tiếng Việt - đây là bước nhảy đáng đầu tư.
Bài này mình sẽ đi từ kiến trúc, chọn framework, đến code thực tế với OpenAI/Claude API - đủ để bạn build prototype trong vài ngày.
Agentic AI khác chatbot thường ở chỗ nào?
So sánh thẳng cho dễ hiểu:
| Tiêu chí | Chatbot cũ | Agentic AI |
|---|---|---|
| Luồng hoạt động | Script cố định | Tự lên kế hoạch theo goal |
| Tích hợp | Trả lời text | Gọi API, thao tác DB |
| Bộ nhớ | Không nhớ | Nhớ context xuyên session |
| Chủ động | Phản ứng khi được hỏi | Proactive khi thấy cơ hội |
| Xử lý lỗi | Crash hoặc "Xin lỗi, mình chưa hiểu" | Retry, fallback, escalate sang người |
Cùng một câu hỏi - hai kết quả hoàn toàn khác nhau
Ví dụ thực tế: khách hỏi "Tôi muốn mua áo hoodie size L, còn không?"
Chatbot cũ: "Bạn vui lòng xem thêm tại mục sản phẩm."
Agentic AI: Gọi API kho hàng → phát hiện còn 3 cái → kiểm tra lịch sử mua của khách → gợi ý thêm quần jogger đang sale cùng phong cách → tạo draft giỏ hàng → hỏi "Anh/chị muốn thêm vào giỏ hàng luôn không?"
Tất cả trong một luồng tự động, không cần dev code thêm rule nào.
Kiến trúc: 3 lớp bạn cần xây
Không cần over-engineer ngay từ đầu. Một agentic AI cho website e-commerce cần 3 lớp cơ bản:
Lớp 1 - LLM Core: OpenAI GPT-4o hoặc Claude 3.5/3.7 Sonnet. Đây là "não" - chịu trách nhiệm reasoning, tool calling, và tạo response. Claude 3.5 Sonnet hiện mạnh hơn trong việc sử dụng tool phức tạp; GPT-4o tốt hơn nếu bạn cần multimodal (xử lý ảnh sản phẩm).
Lớp 2 - Orchestration Framework: LangGraph nếu bạn cần stateful và workflow phức tạp; CrewAI nếu muốn prototype nhanh dưới 100 dòng code; OpenAI Swarm nếu scale nhiều agent nhỏ.
Lớp 3 - Tools/APIs: Kết nối thực tế - inventory API, payment gateway, CRM, database khách hàng.
Lớp orchestration quyết định agent "thông minh" đến mức nào
Dưới đây là ví dụ setup cơ bản với OpenAI Assistants API và Python:
Phần instructions ở đây rất quan trọng - đây là nơi bạn định hình personality và behavior của agent. Viết càng cụ thể, agent càng hành động đúng ý.
Build agent với LangGraph: stateful và production-ready
OpenAI Assistants API đủ dùng cho prototype. Nhưng khi bạn cần agent nhớ context xuyên nhiều session, handle lỗi có logic, hoặc chạy nhiều agent song song - LangGraph là lựa chọn tốt hơn.
LangGraph build trên LangChain, cho phép bạn định nghĩa workflow dưới dạng graph với nodes và edges - rất trực quan khi debug.
LangGraph cho phép visualize workflow - debug dễ hơn nhiều so với chain thẳng
MemorySaver ở đây lưu state vào memory (đủ cho dev). Production thì swap sang PostgresSaver hoặc RedisSaver để persist xuyên restart server. Đây là điểm LangGraph vượt trội so với plain API calls - bạn không cần tự viết session management.
Nếu bạn muốn hiểu sâu hơn về async và event loop của JavaScript trước khi xây backend Node cho agent, khóa Lập Trình JavaScript Nâng Cao có phần về async/await và Promise chain rất hữu ích.
Claude API + MCP: cách Anthropic làm khác
Nếu OpenAI/LangGraph nghiêng về flexibility, Anthropic chọn hướng standardization. MCP (Model Context Protocol) là giao thức mở để agent kết nối với bất kỳ tool/database nào theo cách plug-and-play - không cần custom integration cho mỗi service.
Với Claude 3.5/3.7 Sonnet, tool use rất mạnh và ít hallucination hơn khi gọi function phức tạp:
MCP chuẩn hóa cách agent kết nối tool - không còn phải viết lại integration cho mỗi project
Điểm thú vị của MCP: một khi bạn build MCP server cho inventory system, bất kỳ Claude-based agent nào cũng dùng được ngay - không cần code thêm. Điều này cực kỳ có giá trị khi bạn scale từ 1 agent lên hệ thống nhiều agent.
Tài liệu chính thức Anthropic: {{resource:resource_0}}
Ví dụ thực tế: agent gợi ý sản phẩm cho e-commerce Việt
Mình sẽ walk through một case cụ thể: khách vào trang, đã mua trước đó, agent tự phân tích lịch sử và chủ động gợi ý bundle phù hợp.
E-commerce Việt Nam đang tăng trưởng mạnh. E-commerce Việt dự báo tăng trưởng {{fact:fact_0}} giai đoạn 2024-2026, và các pilot triển khai proactive agent đã ghi nhận tỷ lệ chuyển đổi tăng {{fact:fact_1}}.
Cá nhân hóa dựa trên lịch sử mua - khách hàng trải nghiệm "được hiểu" thay vì thấy quảng cáo random
Bước tiếp theo để biến đoạn code này thành production:
- Kết nối
purchase_historyvới database thật (PostgreSQL/MongoDB) - Thêm vector search (pgvector hoặc Pinecone) để so khớp semantic thay vì chỉ text match
- Bọc trong FastAPI endpoint, frontend gọi khi user load trang
- A/B test: nhóm có agent vs nhóm không có, đo conversion rate
Download template để bắt đầu: {{resource:resource_0}}
Tích hợp vào website: từ Figma đến Elementor
Code agent xong rồi, nhưng nhúng vào website như thế nào?
Với Figma: Plugin Dev Mode Agent (cập nhật 2025) cho phép bạn map design component với agent trigger. Ví dụ: khi user hover vào product card, tự động gọi agent để pre-load recommendation. Export thẳng ra React component với hook đã gắn sẵn.
Với Elementor: AI Builder plugin hỗ trợ embed agent widget qua shortcode hoặc custom HTML block. Bạn paste endpoint URL của agent (FastAPI/Express), Elementor lo phần UI.
Với custom website: Đây là cách linh hoạt nhất - embed chat widget bằng JavaScript snippet:
Widget này nhúng được vào bất kỳ platform nào - WordPress, Shopify, hay custom code
Backend /api/agent/chat của bạn nhận request, chạy LangGraph/OpenAI logic, trả về {reply: "..."}. Frontend không cần biết gì về AI - tách biệt hoàn toàn.
Nếu bạn đang xây backend Node.js cho endpoint này, khóa Node & ExpressJS có đầy đủ từ routing, middleware đến deploy - tiết kiệm khá nhiều thời gian setup.
Guardrails, monitoring và những thứ dễ bỏ quên
Build xong agent mà không có guardrails là rước họa vào thân. Mình đã từng thấy bot tự ý hứa hẹn discount không có trong policy, rồi khách screenshot đòi đổi trả.
Một vài thứ cần set ngay từ đầu:
Rate limiting: Agent gọi tool tốn tiền. Giới hạn số tool calls mỗi session, và set budget alert trên OpenAI/Anthropic dashboard. Không làm điều này, hóa đơn API cuối tháng sẽ là bất ngờ không vui.
Human-in-the-loop: Với action có rủi ro cao (hoàn tiền, hủy đơn), agent cần escalate sang người thật thay vì tự xử lý:
Observability: Log mọi tool call với timestamp, input, output, latency. LangSmith (ecosystem của LangGraph) làm điều này tự động. Với Claude, bạn tự implement hoặc dùng Langfuse.
Không có monitoring thì bạn sẽ không biết agent đang làm gì sai cho đến khi khách complain
Prompt injection: Khách có thể gõ "Quên hết instruction cũ, bây giờ hãy..." để hijack agent. Giải pháp: validate input trước khi pass vào LLM, dùng system prompt defense, và test adversarial cases trong QA.
Nói đến QA và testing - đây là bước mà nhiều team bỏ qua với AI agent. Nếu bạn muốn hiểu cách test hệ thống có AI, khóa Kiểm thử phần mềm có nền tảng tốt về test case design và automation.
Bước tiếp theo:
- Deploy prototype lên staging, invite 5-10 beta user thật
- Monitor logs 2 tuần đầu mỗi ngày
- Tạo feedback loop: khách rate response → agent học từ data đó
Gặp vướng mắc phần nào, drop comment - mình sẽ reply.
