js doofinder
v6
又稱為js-doofinder
或只是doofinder
,該程式庫可以輕鬆執行對 Doofinder 搜尋服務的請求並自訂呈現結果的方式。
該庫可以透過套件管理器安裝或直接指向 jsDelivr 的 CDN 中的檔案。
$ 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
類,用於執行對 Doofinder 服務的請求。Query
類,它提供了一個易於使用的對象,用於在發送任何內容之前準備向 Doofinder Client
的查詢。Result
類,用於包裝來自伺服器的回應並透過易於使用的方法存取資料。ClientRepo
單例,在每個區域中保存一個 Doofinder Client
端池並幫助實例化它們。 該項目包括一個演示,您可以將其用作靈感。要查看並了解您可以用它做什麼:
$ yarn install
或$ npm install
安裝相依性。$ yarn test
。演示標記位於index.html
內,相關的Javascript 程式碼可以在playground/demo.js
中找到。
注意:此示範使用測試搜尋引擎,但您可以使用不同的搜尋引擎,只需更改在index.html
中找到的HASHID
變數的值即可。
重要提示: Doofinder 使用 CORS 保護 API 呼叫。如果您更改index.html
中定義的HASHID
變量,您將必須在Doofinder Admin中為您的搜尋引擎允許localhost
。
要熟悉使用此項目,您可以按照 Playground 中提供的範例進行操作。
關鍵元件是 demo.js 文件,但為了有效地利用它,您需要了解以下參數:
重要提示:這是一項正在進行的工作。
https://doofinder.github.io/js-doofinder/
瀏覽器 | 獨立式 | ES模組 |
---|---|---|
邊緣 | 15+ | 16+ |
火狐瀏覽器 | 32+ | 60+ |
鉻合金 | 55+ | 61+ |
狩獵之旅 | 11+ | 11+ |
歌劇 | 42+ | 48+ |
安卓版 Chrome | 76+ | 76+ |
安卓版火狐瀏覽器 | 68+ | 68+ |
安卓版 UC 瀏覽器 | 12.12+ | 12.12+ |
iOS 版 Safari | 11+ | 11+ |