Integrasi WHAPI ke Claude
Plugin Node.js untuk meneruskan pesan WhatsApp ke Claude AI (Anthropic) dan mengirimkan balasan AI kembali ke pengguna secara real-time melalui webhook Whapi.
Prasyarat:
- Node.js sudah terinstal di server.
- Aplikasi Whapi berjalan dan perangkat terhubung.
- API Key Whapi dan Anthropic API Key tersedia.
- File plugin whapi-claude-bot-*.zip sudah diunduh.
Alur Kerja Plugin
- Whapi menerima pesan masuk dari WhatsApp
- Whapi mengirim payload JSON ke endpoint /webhook plugin
- Plugin membaca isi pesan dan nomor pengirim
- Plugin meneruskan pesan ke Anthropic API (Claude)
- Claude menghasilkan respons dalam format streaming
- Plugin mengirimkan respons ke WhatsApp via sendMessage
- Pesan diperbarui secara bertahap via editMessage selama streaming berlangsung
Langkah 1: Aktifkan Webhook di Whapi
- Login ke dashboard Whapi
- Masuk ke Perangkat > Kelola Perangkat > Detail Perangkat
- Buka tab Fitur, aktifkan Webhook
- Buka tab Webhook, isi kolom URL Webhook & Media:
http://localhost:5000/webhook
- Klik Simpan
Langkah 2: Konfigurasi dan Jalankan Plugin
Ekstrak file whapi-claude-bot-*.zip, lalu buka file .env dan isi nilai berikut:
# API WHAPI
WHAPI_KEY=xxxxxx
WHAPI_ENDPOINT=http://localhost:3000/api/
# Claude (Anthropic)
CLAUDE_API_KEY=xxxxxx
WHAPI_CLAUDE_ENDPOINT=https://api.anthropic.com/v1/messages/stream
WHAPI_CLAUDE_MODEL=claude-3-5-sonnet-20240620
Jalankan plugin:
npm install
node whapi-claude-chatbot.js
Jika berhasil, terminal menampilkan:
[WHAPI] Chatbot Claude aktif di port 5000
Error Umum dan Solusinya
| Kondisi | Penyebab | Solusi |
|---|---|---|
| Plugin tidak menerima webhook | URL webhook salah atau plugin belum berjalan | Pastikan plugin aktif di port 5000 dan URL webhook di Whapi sudah benar |
| Claude tidak merespons | Anthropic API Key tidak valid | Periksa API Key di dashboard Anthropic |
| Respons terpotong | Streaming terputus karena koneksi tidak stabil | Gunakan koneksi internet yang stabil di server |