Tích hợp ChatGPT API vào website không còn là đặc quyền của các lập trình viên fullstack hay công ty công nghệ lớn. Với tài khoản OpenAI, một đoạn JavaScript và vài dòng PHP, bạn hoàn toàn có thể đưa trợ lý AI vào trang web của mình trong vài giờ. Bài viết này đi thẳng vào thực tế: lấy key ở đâu, gọi API như thế nào, và nhúng chatbot vào WordPress hoặc landing page ra sao.
ChatGPT API là gì và tại sao nên dùng?
ChatGPT API là giao diện lập trình do OpenAI cung cấp, cho phép bạn gửi tin nhắn đến mô hình GPT và nhận phản hồi tự động — tương tự như dùng ChatGPT nhưng được nhúng thẳng vào sản phẩm của bạn. Thay vì xây dựng mô hình AI từ đầu, bạn chỉ cần gọi một endpoint REST và trả về kết quả cho người dùng.
Ứng dụng phổ biến nhất là chatbot hỗ trợ khách hàng, công cụ tạo nội dung tự động, hay hộp tìm kiếm thông minh ngay trên trang chủ.
Bước 1: Lấy API key từ OpenAI
Truy cập platform.openai.com, đăng nhập hoặc tạo tài khoản mới. Sau đó vào mục API Keys và nhấn Create new secret key. Key chỉ hiện một lần — hãy sao chép và lưu ngay vào nơi an toàn.
- Tài khoản mới thường được cấp credit dùng thử miễn phí.
- Để dùng lâu dài, bạn cần thêm phương thức thanh toán trong phần Billing.
- Không bao giờ để lộ API key trong mã nguồn frontend công khai.
Bước 2: Hiểu cấu trúc một request API
OpenAI cung cấp endpoint chính cho chat: https://api.openai.com/v1/chat/completions. Một request cơ bản trông như sau:
POST /v1/chat/completions
Authorization: Bearer YOUR_API_KEY
Content-Type: application/json
{
"model": "gpt-4o-mini",
"messages": [
{"role": "system", "content": "Bạn là trợ lý hỗ trợ khách hàng."},
{"role": "user", "content": "Sản phẩm có bảo hành không?"}
]
}Trong đó:
- model: chọn gpt-4o-mini để tiết kiệm chi phí hoặc gpt-4o nếu cần độ chính xác cao hơn.
- messages: mảng hội thoại gồm vai trò system (định hướng bot), user (câu hỏi) và assistant (lịch sử trả lời).
Bước 3: Tạo proxy PHP để bảo vệ API key
Không nên gọi API trực tiếp từ JavaScript phía client vì sẽ lộ key. Cách an toàn là tạo một file PHP trung gian trên server của bạn.
Nếu website đang chạy trên WordPress, bạn có thể đặt file chatgpt-proxy.php trong thư mục theme hoặc tạo một plugin nhỏ. Đảm bảo server hỗ trợ cURL và PHP 7.4 trở lên — điều này có sẵn trên hầu hết các gói hosting WordPress hiện nay.
<?php
header('Content-Type: application/json');
$data = json_decode(file_get_contents('php://input'), true);
$apiKey = 'YOUR_API_KEY'; // lưu trong biến môi trường thực tế
$ch = curl_init('https://api.openai.com/v1/chat/completions');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, [
'Authorization: Bearer ' . $apiKey,
'Content-Type: application/json'
]);
curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($data));
echo curl_exec($ch);
curl_close($ch);Bước 4: Nhúng chatbot vào giao diện website
Phần giao diện rất đơn giản: một ô input, nút gửi và vùng hiển thị phản hồi. Đoạn JavaScript dưới đây gọi proxy PHP bạn vừa tạo:
async function sendMessage(userText) {
const res = await fetch('/chatgpt-proxy.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
model: 'gpt-4o-mini',
messages: [
{ role: 'system', content: 'Bạn là trợ lý của website.' },
{ role: 'user', content: userText }
]
})
});
const json = await res.json();
return json.choices[0].message.content;
}Để tích hợp vào WordPress nhanh hơn, bạn có thể dùng shortcode hoặc block HTML tùy chỉnh. Nếu cần giao diện đẹp hơn, kho theme WordPress có nhiều layout chatbot sẵn sàng để tuỳ biến.
Một số lưu ý khi triển khai thực tế
- Giới hạn token: mỗi request có giới hạn token (input + output). Đặt
max_tokenshợp lý để kiểm soát chi phí. - Rate limiting: thêm delay hoặc hàng đợi nếu nhiều người dùng gửi yêu cầu đồng thời.
- System prompt: viết rõ vai trò và phạm vi trả lời của bot để tránh phản hồi lạc đề.
- Lưu lịch sử hội thoại: gửi cả lịch sử messages trong mỗi request để bot nhớ ngữ cảnh.
- Bảo mật: validate và sanitize input từ người dùng trước khi đưa vào API.
Kết luận
Tích hợp ChatGPT API vào website chỉ cần bốn bước: lấy API key, hiểu cấu trúc request, tạo proxy an toàn và nhúng giao diện. Không cần framework phức tạp, không cần server riêng nếu bạn đã có hosting hỗ trợ PHP. Bắt đầu với gpt-4o-mini để kiểm soát chi phí, sau đó mở rộng dần khi đã quen với luồng dữ liệu.
Nếu bạn cần hỗ trợ trong quá trình triển khai, đội ngũ kỹ thuật luôn sẵn sàng tại trang hỗ trợ hoặc bạn có thể liên hệ trực tiếp để được tư vấn cụ thể hơn.
Câu hỏi thường gặp
ChatGPT API có miễn phí không?
OpenAI cấp credit dùng thử cho tài khoản mới. Sau khi hết credit, bạn trả phí theo lượng token sử dụng — thường rất thấp với lưu lượng vừa phải.
Có cần biết lập trình mới dùng được không?
Cần kiến thức cơ bản về PHP và JavaScript. Nếu dùng WordPress, một số plugin trung gian có thể giúp bạn kết nối mà không cần viết code.
Mô hình nào nên dùng cho website nhỏ?
gpt-4o-mini là lựa chọn hợp lý: nhanh, rẻ và đủ thông minh cho các tác vụ hỗ trợ khách hàng thông thường.
API key có thể dùng cho nhiều website không?
Có, nhưng nên tạo key riêng cho từng dự án để dễ theo dõi chi phí và thu hồi khi cần.
