💡 عمرك فكرت تضيف بوت دردشة ذكي (زي ChatGPT) على موقعك؟ 🤖💬

لو موقعك معمول بـ Laravel، فيك تركّب بوت بيحكي زي البشر ويفهم اللغة العربية كأنك عم تحكي مع صاحِبك 👀🔥
أنا جربت أعمل هيك شغلة قبل كم يوم، وكانت النتيجة رهيبة! 😍

استخدمت مكتبة BotMan وربطتها مع OpenAI GPT API (نفس التقنية اللي بتشغّل ChatGPT)، وصار البوت:

✅ يفهم اللغة الطبيعية
✅ يرد بأسلوب بشري 100%
✅ تقدر تضيفه كـ Widget صغير بأي صفحة

🛠️ خطوات التنفيذ:

1. تثبيت BotMan وWebDriver:

Editcomposer require botman/botman
composer require botman/driver-web

2. نشر الملفات:

Editphp artisan vendor:publish --tag=botman-config
php artisan vendor:publish --tag=botman-assets

3. إعداد routes/botman.php:

Edituse BotMan\BotMan\BotMan;
use BotMan\BotMan\Messages\Incoming\Answer;

$botman = app('botman');

$botman->hears('{message}', function (BotMan $bot, $message) {
    $response = Http::withHeaders([
        'Authorization' => 'Bearer ' . env('OPENAI_API_KEY'),
    ])->post('https://api.openai.com/v1/chat/completions', [
        'model' => 'gpt-3.5-turbo',
        'messages' => [
            ['role' => 'user', 'content' => $message],
        ],
    ]);

    $reply = $response->json('choices')[0]['message']['content'] ?? 'ما فهمت ، جرّب تعيد صياغة السؤال 😊';

    $bot->reply($reply);
});

4. إضافة الودجت للواجهة:

Edit<script>
    var botmanWidget = {
        aboutText: 'Chat with us',
        introMessage: "👋 أهلًا! كيف اقدر أساعدك؟"
    };
</script>

<script src='https://cdn.jsdelivr.net/npm/botman-web-widget@0/build/js/widget.js'></script>

✅ والنتيجة

بقيت تقدر تتكلم مع chatGPT وتقدر تستفاد منه في مشروعك 😎

ChatBoot


Tags: laravel chatGPT Ai BotMan