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+ |