Skip to main content

Integrasi WHAPI dengan Claude AI melalui Webhook

Claude AI dikenal dengan kemampuannya memahami konteks percakapan secara mendalam dan menghasilkan jawaban yang bernuansa alami. Melalui integrasi dengan WhatsApp API Gateway (WHAPI), Claude dapat digunakan sebagai asisten percakapan yang bekerja langsung di dalam WhatsApp, memproses pesan pengguna dan membalasnya secara real-time.

Fungsi dan Mekanisme Plugin​

Plugin WHAPI - Claude Chatbot bertugas menjadi jembatan antara sistem pesan WHAPI dan Claude API milik Anthropic. Ketika pesan diterima oleh gateway, plugin ini menyalurkan data ke Claude, memantau aliran streaming jawaban, dan menampilkan respons AI ke percakapan WhatsApp.

Alur Proses Komunikasi​

  1. WHAPI menerima pesan masuk dari nomor WhatsApp.
  2. Gateway mengirimkan payload JSON ke endpoint /webhook.
  3. Plugin membaca isi pesan dan identitas pengirim.
  4. Pesan dikirim ke API Claude (Anthropic) dengan model claude-3-5-sonnet-20240620.
  5. Claude menghasilkan respons dan mengirimkannya secara streaming.
  6. Plugin memperbarui isi pesan di WhatsApp secara bertahap menggunakan editMessage.

Hasil akhirnya: pengalaman percakapan alami, seperti berbicara dengan asisten pribadi.

Manfaat dan Kelebihan Integrasi​

  • Pemahaman Kontekstual Tinggi: Claude mampu menangkap makna dan nuansa percakapan manusia dengan sangat baik.
  • Gaya Bahasa Alami: Jawaban terdengar lebih manusiawi dan empatik.
  • Respons Streaming: Pesan dikirim bertahap untuk simulasi "Sedang mengetik..."
  • Integrasi Langsung: Komunikasi terjadi tanpa middleware tambahan.

Langkah Integrasi​

Berikut tahapan untuk menghubungkan WHAPI dengan Claude AI.

1. Masuk ke Panel WHAPI​

Masuk ke dashboard utama WHAPI.
Sistem akan menampilkan halaman login yang berisi kolom username dan password.

2. Buka Menu Perangkat​

Setelah berhasil login, buka menu Perangkat → Kelola Perangkat.
Menu ini berisi daftar perangkat WhatsApp.

3. Aktifkan Fitur Webhook​

Masuk ke Detail Perangkat → Tab Fitur, lalu aktifkan opsi Webhook.
Opsi ini diperlukan agar WHAPI dapat meneruskan setiap pesan WhatsApp ke server plugin.

4. Konfigurasi URL Webhook​

Masuk ke Tab Webhook, lalu isi kolom URL Webhook & Media dengan endpoint plugin Node.js.

Contoh:

http://localhost:5000/webhook

Tekan tombol Simpan untuk mengaktifkan webhook. Setelah itu, setiap pesan baru akan dikirimkan otomatis ke plugin Claude.

5. Menjalankan Plugin Claude​

Ekstrak arsip whapi-claude-bot-20250814.zip, lalu sesuaikan isi file .env dengan kredensial masing-masing.

# API WHAPI
WHAPI_KEY=xxxxxx
WHAPI_ENDPOINT=http://localhost:3000/api/

# Claude
CLAUDE_API_KEY=xxxxxx
WHAPI_CLAUDE_ENDPOINT=https://api.anthropic.com/v1/messages/stream
WHAPI_CLAUDE_MODEL=claude-3-5-sonnet-20240620

Setelah konfigurasi selesai, jalankan server Node.js.

npm install
node whapi-claude-chatbot.js

Jika plugin berjalan dengan benar, terminal akan menampilkan:

[WHAPI] Chatbot Claude aktif di port 5000
Use Case
  • Customer Support Humanis
    Claude membantu menjawab pertanyaan pelanggan dengan gaya tutur alami dan empatik.
  • AI Knowledge Assistant
    Chatbot berperan sebagai sumber informasi internal yang menjelaskan kebijakan, produk, atau prosedur.
  • Creative Writing Bot
    Claude menghasilkan teks deskriptif atau ide kreatif langsung dari percakapan WhatsApp.
  • Konsultan Virtual
    Sistem mampu memberikan saran atau solusi berbasis konteks percakapan pengguna.

Ringkasan​

Integrasi WHAPI - Claude AI menghadirkan percakapan WhatsApp yang alami, cepat, dan empatik. Claude tidak hanya menjawab, tetapi juga memahami konteks dan emosi dalam komunikasi, menjadikannya solusi ideal untuk chatbot dengan interaksi manusiawi.

Kesimpulan​

WHAPI mengatur sisi koneksi WhatsApp, sedangkan plugin ini menjadi penghubung langsung ke Claude AI melalui API streaming, menghasilkan pengalaman obrolan yang lebih cerdas.