Di artikel sebelumnya, kita sudah bikin koneksi dasar antara Laravel dan API AI lewat service class. Itu fondasi yang bagus, tapi chatbot beneran butuh satu hal lagi: ingatan. Tanpa itu, setiap pesan yang kamu kirim dianggap sebagai percakapan baru, dan AI-nya nggak tahu apa yang kalian bahas semenit lalu.

Di artikel ini, kita akan bikin chatbot sederhana yang:

Ingat pesan-pesan sebelumnya dalam percakapan
Mengirim seluruh riwayat percakapan ke AI di setiap request
Punya UI dasar yang bisa langsung dipakai chat di browser
Menyimpan riwayat percakapan di session (sederhana, belum perlu database)

Kenapa Riwayat Percakapan Itu Penting

API LLM itu stateless. API-nya nggak ingat apa-apa dari request sebelumnya. Kalau kamu cuma kirim pesan terbaru, AI-nya akan jawab tanpa konteks apa pun dari sebelumnya.

Supaya kerasa seperti percakapan beneran, kamu perlu kirim seluruh riwayat pesan setiap kali, contohnya seperti ini:

config.jsonjson

[

  {"role": "user", "content": "Nama saya Budi."},

  {"role": "assistant", "content": "Senang berkenalan, Budi!"},

  {"role": "user", "content": "Siapa nama saya?"}

]

5 baris•167 chars

UTF-8•Spaces: 4

AI-nya cuma bisa jawab "Budi" di pertanyaan terakhir itu karena kita ikutkan juga pesan-pesan sebelumnya.

Langkah 1: Update Service Class

Mari update

PLAINTEXT Snippetplaintext

AiService.php

1 baris•13 chars

UTF-8•Spaces: 4

dari artikel sebelumnya supaya bisa menerima seluruh riwayat percakapan, bukan cuma satu prompt saja:

AiService.phpphp

<?php

namespace App\Services;

use Illuminate\Support\Facades\Http;

use Illuminate\Support\Facades\Log;

class AiService

{

    public function chat(array $messages): ?string

{

        $response = Http::withToken(config('services.openai.key'))

            ->timeout(30)

            ->post('https://api.openai.com/v1/chat/completions', [

                'model' => config('services.openai.model'),

                'messages' => $messages,

]);

        if ($response->failed()) {

            Log::error('AI API request failed', [

                'status' => $response->status(),

                'body' => $response->body(),

]);

            return null;

}

        return $response->json('choices.0.message.content');

}

30 baris•759 chars

UTF-8•Spaces: 4

Perubahannya sederhana: dari

PLAINTEXT Snippetplaintext

ask(string $prompt)

1 baris•19 chars

UTF-8•Spaces: 4

, sekarang jadi

PLAINTEXT Snippetplaintext

chat(array $messages)

1 baris•21 chars

UTF-8•Spaces: 4

yang menerima seluruh riwayat.

Langkah 2: Buat Chat Controller

Buat file

PLAINTEXT Snippetplaintext

app/Http/Controllers/ChatController.php

1 baris•39 chars

UTF-8•Spaces: 4

ChatController.phpphp

<?php

namespace App\Http\Controllers;

use App\Services\AiService;

use Illuminate\Http\Request;

class ChatController extends Controller

{

    public function index()

{

        $history = session('chat_history', []);

        return view('chat', ['history' => $history]);

}

    public function send(Request $request, AiService $ai)

{

        $request->validate([

            'message' => 'required|string|max:1000',

]);

        $history = session('chat_history', []);

// Tambahkan pesan baru dari user ke riwayat

        $history[] = ['role' => 'user', 'content' => $request->message];

// Kirim seluruh riwayat ke AI

        $reply = $ai->chat($history);

        if ($reply === null) {

            $reply = 'Maaf, ada yang salah. Silakan coba lagi.';

}

// Tambahkan juga balasan dari AI ke riwayat

        $history[] = ['role' => 'assistant', 'content' => $reply];

        session(['chat_history' => $history]);

        return redirect()->route('chat.index');

}

    public function reset()

{

        session()->forget('chat_history');

        return redirect()->route('chat.index');

}

49 baris•1161 chars

UTF-8•Spaces: 4

Beberapa catatan:

Kita validasi panjang pesan. Jangan biarkan user kirim teks tanpa batas, karena itu berpengaruh ke biaya per token.
Seluruh riwayat, termasuk pesan baru dari user, dikirim ke AI supaya ada konteksnya.
Kalau pemanggilan API-nya gagal, kita tetap kasih respons yang wajar, bukan halaman error yang berantakan.

Langkah 3: Tambahkan Route

PLAINTEXT Snippetplaintext

routes/web.php

1 baris•14 chars

UTF-8•Spaces: 4

script.phpphp

use App\Http\Controllers\ChatController;

Route::get('/chat', [ChatController::class, 'index'])->name('chat.index');

Route::post('/chat', [ChatController::class, 'send'])->name('chat.send');

Route::post('/chat/reset', [ChatController::class, 'reset'])->name('chat.reset');

5 baris•272 chars

UTF-8•Spaces: 4

Langkah 4: Buat View Sederhana

Buat file

PLAINTEXT Snippetplaintext

resources/views/chat.blade.php

1 baris•30 chars

UTF-8•Spaces: 4

BLADE Snippetblade

<!DOCTYPE html>

<html>

<head>

<title>Chatbot Sederhana</title>

</head>

<h2>Chatbot Sederhana</h2>

    <div style="border: 1px solid #ddd; padding: 16px; height: 400px; overflow-y: auto; margin-bottom: 16px;">

@foreach ($history as $message)

<p>

<strong>{{ $message['role'] === 'user' ? 'Kamu' : 'AI' }}:</strong>

</p>

@endforeach

</div>

@csrf

        <input type="text" name="message" placeholder="Ketik pesan..." style="width: 80%; padding: 8px;" required>

<button type="submit" style="padding: 8px 16px;">Kirim</button>

</form>

    <form method="POST" action="{{ route('chat.reset') }}" style="margin-top: 8px;">

@csrf

<button type="submit">Reset Percakapan</button>

</form>

</body>

</html>

31 baris•983 chars

UTF-8•Spaces: 4

Selesai. Sekarang kamu punya chatbot yang jalan dan punya ingatan, semuanya berjalan di atas session storage.

Catatan Soal Pakai Session Storage

Menyimpan riwayat chat di session cukup oke untuk demo atau tool internal kecil, tapi ada beberapa batasan yang perlu diingat:

Data session akan hilang kalau session-nya expired atau user hapus cookie.
Kurang cocok kalau kamu butuh riwayat chat yang bertahan lintas perangkat atau perlu direview nanti (misalnya untuk tiket support).
Untuk produk beneran, sebaiknya riwayat percakapan disimpan di database, terkait dengan user ID tertentu.

Kita sengaja bikin sederhana dulu di sini. Riwayat chat berbasis database bisa jadi topik bahasan lanjutan setelah kamu sudah nyaman dengan dasar-dasarnya.

Jangan Lupa: Batasan Token

Setiap model AI punya batas panjang context maksimum. Kalau riwayat percakapan kamu makin panjang, cepat atau lambat kamu akan kena batas itu dan dapat error. Dua cara umum untuk menanganinya:

Potong pesan lama. Simpan cuma N pesan terakhir sebelum dikirim ke API.
Ringkas pesan lama. Sesekali minta AI meringkas percakapan sebelumnya jadi versi lebih pendek, lalu pakai ringkasan itu menggantikan riwayat lengkap.

Kita belum implementasikan ini di artikel supaya bahasannya tetap fokus, tapi ini hal yang perlu direncanakan begitu chatbot-mu menangani percakapan yang lebih panjang.

Selanjutnya

Sekarang kita sudah punya chatbot yang jalan, tapi masih terikat ke satu provider AI saja. Di artikel selanjutnya, kita akan bahas Prism PHP, package yang memungkinkan kamu gonta-ganti antara OpenAI, Claude, dan provider lain tanpa harus menulis ulang service class setiap kali.

Ini adalah Part 3 dari series "Laravel + AI Integration".

Membangun Chatbot Sederhana dengan Laravel + LLM API

Laravel & AI Integration

Kenapa Riwayat Percakapan Itu Penting

Langkah 1: Update Service Class

Langkah 2: Buat Chat Controller

Langkah 3: Tambahkan Route

Langkah 4: Buat View Sederhana

Catatan Soal Pakai Session Storage

Jangan Lupa: Batasan Token

Selanjutnya

Timur Dian Radha Sejati

Punya Masalah Arsitektur atau Ingin Membangun Sistem yang Benar?

Artikel Rekayasa Terkait

Dari Satu Perintah Jadi Banyak Langkah

Bikin AI yang Bisa "Baca" Website dalam Hitungan Detik

Kenalan sama GPT, Gemini, Claude, sampai yang Gratis (Ollama)