AKA js-doofinder
หรือเพียงแค่ doofinder
ไลบรารีนี้ทำให้ง่ายต่อการดำเนินการร้องขอไปยังบริการค้นหาของ Doofinder และปรับแต่งวิธีการนำเสนอผลลัพธ์ของคุณ
สามารถติดตั้งไลบรารีผ่านตัวจัดการแพ็คเกจหรือชี้ไปที่ไฟล์โดยตรงใน CDN ของ jsDelivr
$ yarn add doofinder
$ npm install doofinder
import { Client } from 'doofinder' ;
const { Client } = require ( 'doofinder/commonjs' ) ;
คุณสามารถรวมห้องสมุดไว้ในเว็บไซต์ของคุณได้โดยตรง:
<!-- Javascript -->
< script src =" //cdn.jsdelivr.net/npm/doofinder@latest/dist/doofinder.min.js " > </ script >
หากคุณต้องการทราบว่าสิ่งนี้มีโครงสร้างอย่างไร โดยไม่มีรายละเอียด เราไปที่นี่เลย
ห้องสมุดมี:
Client
เพื่อดำเนินการร้องขอไปยังบริการ DoofinderQuery
ซึ่งมีออบเจ็กต์ที่ใช้งานง่ายเพื่อเตรียมการสืบค้นไปยัง Client
Doofinder ก่อนที่จะส่งสิ่งใด ๆResult
เพื่อห่อการตอบสนองจากเซิร์ฟเวอร์และการเข้าถึงข้อมูลผ่านวิธีการที่ใช้งานง่ายClientRepo
singleton ที่เก็บกลุ่ม Doofinder Client
ไว้ในแต่ละโซนและช่วยในการสร้างอินสแตนซ์ โปรเจ็กต์นี้ประกอบด้วยการสาธิตที่คุณสามารถใช้เป็นแรงบันดาลใจได้ หากต้องการดูสิ่งที่คุณสามารถทำได้:
$ yarn install
หรือ $ npm install
$ yarn test
มาร์กอัปสาธิตอยู่ภายใน index.html
และโค้ด Javascript ที่เกี่ยวข้องมีอยู่ที่ playground/demo.js
ข้อสังเกต: การสาธิตใช้เครื่องมือค้นหาทดสอบ แต่คุณสามารถใช้เครื่องมือค้นหาอื่นได้ เพียงเปลี่ยนค่าของตัวแปร HASHID
ที่คุณจะพบใน index.html
สิ่งสำคัญ: Doofinder ปกป้องการเรียก API ด้วย CORS หากคุณเปลี่ยนตัวแปร HASHID
ที่กำหนดใน index.html
คุณจะต้องอนุญาต localhost
สำหรับเครื่องมือค้นหาของคุณใน Doofinder Admin
เพื่อทำความคุ้นเคยกับการใช้โปรเจ็กต์นี้ คุณสามารถทำตามตัวอย่างที่ให้ไว้ในสนามเด็กเล่นได้
องค์ประกอบหลักคือไฟล์ demo.js แต่เพื่อที่จะใช้งานอย่างมีประสิทธิภาพ คุณจะต้องเข้าใจพารามิเตอร์ต่อไปนี้:
สิ่งสำคัญ: นี่เป็นงานที่อยู่ในระหว่างดำเนินการ
https://doofinder.github.io/js-doofinder/
เบราว์เซอร์ | แบบสแตนด์อโลน | อีเอส โมดูล |
---|---|---|
ขอบ | 15+ | 16+ |
ไฟร์ฟอกซ์ | 32+ | 60+ |
โครเมียม | 55+ | 61+ |
ซาฟารี | 11+ | 11+ |
โอเปร่า | 42+ | 48+ |
โครมสำหรับแอนดรอยด์ | 76+ | 76+ |
ไฟร์ฟอกซ์สำหรับ Android | 68+ | 68+ |
เบราว์เซอร์ UC สำหรับ Android | 12.12+ | 12.12+ |
ซาฟารีสำหรับ iOS | 11+ | 11+ |