saas demo

การสาธิต Meilisearch SaaS

เว็บไซต์ | Meilisearch Cloud | บล็อก | เอกสาร ความไม่ลงรอยกัน

Meilisearch เป็นเครื่องมือค้นหาโอเพนซอร์ซที่ให้การค้นหาที่รวดเร็วและเกี่ยวข้องนอกกรอบ

- กำลังมองหาการสร้างสิ่งนี้ด้วยตัวคุณเอง?

อ่านคู่มือฉบับสมบูรณ์ของเราเกี่ยวกับการค้นหาข้อความเต็มด้วย Laravel!

คุณสมบัติ

การสาธิต SaaS นี้ใช้สิ่งต่อไปนี้:

• การค้นหาแบบสหพันธรัฐ
• ผู้เช่าหลายคน
• การกรอง
• การจัดเรียง

- กองซ้อน

โครงการนี้ใช้:

• PHP 8.2
• Laravel 10
• ส่วนประกอบ tailwindcss 3 และ hyperui
• ไอคอน Heroicons 2 และโซเชียลมีเดียจาก ICONS8
• Meilisearch สำหรับการค้นหาที่รวดเร็วและเกี่ยวข้อง

?การพัฒนา

โครงการนี้ใช้ Sail ซึ่งเป็นสภาพแวดล้อมการพัฒนาในท้องถิ่นตามการแต่งเพลง Docker

ตรวจสอบให้แน่ใจว่าได้ทำตามเอกสารการแล่นเรือใบและคำสั่งคำนำหน้าเพื่อให้สามารถเรียกใช้งานได้ใน Docker

การติดตั้ง

ติดตั้งการพึ่งพา PHP:

sail composer install

ติดตั้งการพึ่งพาโหนด:

sail yarn

เปิดตัวบริการ Docker สำหรับการพัฒนาท้องถิ่น:

sail up

เรียกใช้ JavaScript Dev Server:

sail yarn dev

การกำหนดค่า

คัดลอก .env.example เป็น .env และอัปเดตตัวแปรสภาพแวดล้อมตามต้องการ

ใช้ meilisearch กับ Laravel Sail

เมื่อเรียกใช้ Meilisearch ผ่าน Sail MEILISEARCH_HOST ของคุณควรทำตาม http://meilisearch:port (แทนที่จะเป็น localhost:port ) อย่างไรก็ตามแอปพลิเคชันส่วนหน้าของคุณคาดหวัง URL จริง

ซึ่งหมายความว่าเมื่อเรียกใช้ meilisearch ในพื้นที่ด้วยการแล่นเรือไฟล์. .env ของคุณจะเป็นเหมือน:

 # This is the URL used by Laravel to access Meilisearch
MEILISEARCH_HOST=http://meilisearch:7700

# This is the URL used by JavaScript to access Meilisearch
VITE_MEILISEARCH_HOST=http://localhost:7700

ดูเอกสารแล่นเรือ

คำแนะนำ

ตั้งค่าการตั้งค่า meilisearch ของคุณโดยรัน:

artisan scout:sync-index-settings

เมล็ดฐานข้อมูล:

artisan migrate:fresh --seed

การประชุม

ใบมีด

โครงการนี้ใช้ส่วนขยายรหัสของใบมีดกับรหัสเพื่อจัดรูปแบบไฟล์. .blade.php

JavaScript และ Vue

โครงการนี้ใช้ไฟล์ ESLINT กับ Lint JavaScript และ Vue

ข้อผิดพลาดกับ ESLINT จำเป็นต้องมีคีย์ resolutions ในไฟล์ package.json :

 "resolutions" : {
  "strip-ansi" : " 6.0.1 "
},