js doofinder
v6
js-doofinder 、または単にdoofinderとも呼ばれるこのライブラリを使用すると、Doofinder の検索サービスへのリクエストを簡単に実行し、結果の表示方法をカスタマイズできます。
このライブラリは、パッケージ マネージャーを介してインストールするか、jsDelivr の CDN 内のファイルを直接指定してインストールできます。
$ yarn add doofinder$ npm install doofinder import { Client } from 'doofinder' ; const { Client } = require ( 'doofinder/commonjs' ) ;ライブラリを Web サイトに直接含めることができます。
<!-- 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許可する必要があります。
このプロジェクトの使用に慣れるために、プレイグラウンドで提供される例に従うことができます。
主要なコンポーネントはdemo.jsファイルですが、これを効果的に利用するには、次のパラメータを理解する必要があります。
重要:これは進行中の作業です。
https://doofinder.github.io/js-doofinder/
| ブラウザ | スタンドアロン | ESモジュール |
|---|---|---|
| 角 | 15歳以上 | 16歳以上 |
| Firefox | 32歳以上 | 60歳以上 |
| クロム | 55歳以上 | 61歳以上 |
| サファリ | 11+ | 11+ |
| オペラ | 42歳以上 | 48+ |
| Android 用 Chrome | 76歳以上 | 76歳以上 |
| Android 版 Firefox | 68歳以上 | 68歳以上 |
| Android 用 UC ブラウザ | 12.12+ | 12.12+ |
| iOS版サファリ | 11+ | 11+ |
