일명 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
클래스입니다.Client
에 대한 쿼리를 준비하기 위해 사용하기 쉬운 개체를 제공하는 Query
클래스입니다.Result
클래스입니다.Client
풀을 보유하고 이를 인스턴스화하는 데 도움이 되는 ClientRepo
싱글톤입니다. 이 프로젝트에는 영감을 얻을 수 있는 데모가 포함되어 있습니다. 이 앱으로 할 수 있는 일을 살펴보고 확인하려면 다음을 수행하세요.
$ yarn install
또는 $ npm install
사용하여 종속성을 설치합니다.$ yarn test
. 데모 마크업은 index.html
내에 있으며 관련 Javascript 코드는 playground/demo.js
에서 찾을 수 있습니다.
참고: 데모에서는 테스트 검색 엔진을 사용하지만 다른 검색 엔진을 사용할 수도 있습니다. index.html
에서 찾을 수 있는 HASHID
변수의 값을 변경하기만 하면 됩니다.
중요: Doofinder는 CORS를 통해 API 호출을 보호합니다. index.html
에 정의된 HASHID
변수를 변경하는 경우 Doofinder Admin에서 검색 엔진에 대해 localhost
허용해야 합니다.
이 프로젝트 사용에 익숙해지려면 플레이그라운드에 제공된 예제를 따르세요.
핵심 구성요소는 데모.js 파일이지만, 이를 효과적으로 활용하려면 다음 매개변수를 이해해야 합니다.
중요: 이 작업은 진행 중입니다.
https://doofinder.github.io/js-doofinder/
브라우저 | 독립형 | ES 모듈 |
---|---|---|
가장자리 | 15세 이상 | 16세 이상 |
파이어폭스 | 32세 이상 | 60세 이상 |
크롬 | 55세 이상 | 61세 이상 |
원정 여행 | 11세 이상 | 11세 이상 |
오페라 | 42세 이상 | 48세 이상 |
안드로이드용 크롬 | 76세 이상 | 76세 이상 |
안드로이드용 파이어폭스 | 68세 이상 | 68세 이상 |
안드로이드용 UC 브라우저 | 12.12+ | 12.12+ |
iOS용 사파리 | 11세 이상 | 11세 이상 |