แพ็กเกจอย่างเป็นทางการ · เฟรมเวิร์ก

Hibira Live Chat สำหรับ Laravel

ใส่วิดเจ็ต Hibira Live Chat ในเว็บ Laravel ด้วย Blade คอมโพเนนต์เดียว และให้ผู้ใช้ที่ลงชื่อเข้าใช้แชตในนามตัวเอง: ชื่อและอีเมลถึงกล่องข้อความพร้อมลายเซ็น จึงไม่มีใครแอบอ้างได้

เวอร์ชันบน Packagistสัญญาอนุญาต

วิธีที่เร็วที่สุด: ปลั๊กอิน Hibira กับพรอมต์เดียว

ติดตั้งปลั๊กอินในเอเจนต์เขียนโค้ด AI ของคุณแล้ววางพรอมต์ เอเจนต์จะลงชื่อเข้าใช้ สร้างแอปฟรีหากจำเป็น เขียนโค้ด และส่งอีเวนต์ทดสอบให้ GitHub ↗

  1. ติดตั้งปลั๊กอิน

    claude plugin marketplace add hibira-io/agent-plugin
    claude plugin install hibira@hibira
  2. วางพรอมต์นี้

    Add Hibira Laravel Live Chat (hibira-io/laravel-live-chat) to this project.
    Follow https://hibira.io/guides/laravel-live-chat, adapted to how this project is already set up.
    If I have no Hibira app yet, create a Free one that allows http://localhost so I can test right away.
    Keep the app key and secret in environment variables, add placeholders to .env.example, and never commit real values or send the secret to a browser.
    When you are done, send a test event, show me it arriving, and list the files you changed.

อยากทำเองใช่ไหม ขั้นตอนด้านล่างมีดังนี้:

  1. ติดตั้ง
  2. ใช้งาน

เครื่องมือ AI อื่นและสิ่งที่อยู่ในปลั๊กอิน →

  • ใส่ <x-hibira-live-chat /> ในเลย์เอาต์ หรือใช้มิดเดิลแวร์ InjectLiveChat เพื่อเพิ่มในทุกหน้าโดยไม่ต้องแก้วิว
  • ผู้ใช้ที่ลงชื่อเข้าใช้ถูกระบุด้วย HMAC ของ ID กล่องข้อความจึงแสดงว่าเป็นใคร และบทสนทนาติดตามไปทุกอุปกรณ์
  • ปุ่มของคุณเองและลิงก์ #hibira-live-chat เปิดแชตได้ ซ่อนได้ตามหน้าหรือสำหรับพนักงานด้วย gate และยังเปิดค้างไว้ข้าม wire:navigate

ลงชื่อเข้าใช้เพื่อดูโค้ดตัวอย่างเหล่านี้พร้อมโฮสต์คลัสเตอร์ของคุณเอง ลงชื่อเข้าใช้

  1. ติดตั้ง

    composer require hibira-io/laravel-live-chat
    php artisan hibira:live-chat --workspace=ws_YOUR_WORKSPACE
  2. ใช้งาน

    {{-- resources/views/layouts/app.blade.php, before </body> --}}
    <x-hibira-live-chat />
    
    <x-hibira-live-chat-open topic="sales">Talk to sales</x-hibira-live-chat-open>

ก่อนเริ่ม

  • ดู workspace ID ในคอนโซล Live Chat และสร้าง identity secret ที่ การตั้งค่า > ผู้เยี่ยมชมที่ยืนยันแล้ว identity secret ต้องอยู่บนเซิร์ฟเวอร์ของคุณเท่านั้น
  • php artisan hibira:live-chat --check ตรวจว่ามี workspace อยู่และอนุญาต APP_URL ของคุณ

ใช้ app key จากแดชบอร์ดของคุณ ส่วน secret ให้เก็บไว้บนเซิร์ฟเวอร์เท่านั้น ช่อง อีเวนต์ และ endpoint การยืนยันสิทธิ์ทำงานเหมือนกับที่ใช้กับ Pusher ทุกประการ สร้างบัญชีฟรีของคุณ →