แพ็กเกจอย่างเป็นทางการ · เฟรมเวิร์ก
Hibira Live Chat สำหรับ Laravel
ใส่วิดเจ็ต Hibira Live Chat ในเว็บ Laravel ด้วย Blade คอมโพเนนต์เดียว และให้ผู้ใช้ที่ลงชื่อเข้าใช้แชตในนามตัวเอง: ชื่อและอีเมลถึงกล่องข้อความพร้อมลายเซ็น จึงไม่มีใครแอบอ้างได้
hibira-io/laravel-live-chatPackagist ↗GitHub ↗
วิธีที่เร็วที่สุด: ปลั๊กอิน Hibira กับพรอมต์เดียว
ติดตั้งปลั๊กอินในเอเจนต์เขียนโค้ด AI ของคุณแล้ววางพรอมต์ เอเจนต์จะลงชื่อเข้าใช้ สร้างแอปฟรีหากจำเป็น เขียนโค้ด และส่งอีเวนต์ทดสอบให้ GitHub ↗
ติดตั้งปลั๊กอิน
claude plugin marketplace add hibira-io/agent-plugin claude plugin install hibira@hibiraวางพรอมต์นี้
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.
- ใส่ <x-hibira-live-chat /> ในเลย์เอาต์ หรือใช้มิดเดิลแวร์ InjectLiveChat เพื่อเพิ่มในทุกหน้าโดยไม่ต้องแก้วิว
- ผู้ใช้ที่ลงชื่อเข้าใช้ถูกระบุด้วย HMAC ของ ID กล่องข้อความจึงแสดงว่าเป็นใคร และบทสนทนาติดตามไปทุกอุปกรณ์
- ปุ่มของคุณเองและลิงก์ #hibira-live-chat เปิดแชตได้ ซ่อนได้ตามหน้าหรือสำหรับพนักงานด้วย gate และยังเปิดค้างไว้ข้าม wire:navigate
ลงชื่อเข้าใช้เพื่อดูโค้ดตัวอย่างเหล่านี้พร้อมโฮสต์คลัสเตอร์ของคุณเอง ลงชื่อเข้าใช้
ติดตั้ง
composer require hibira-io/laravel-live-chat php artisan hibira:live-chat --workspace=ws_YOUR_WORKSPACEใช้งาน
{{-- 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 ทุกประการ สร้างบัญชีฟรีของคุณ →