Mit dieser Bibliothek, auch bekannt als js-doofinder
oder einfach nur doofinder
, können Sie problemlos Anfragen an den Suchdienst von Doofinder stellen und die Art und Weise anpassen, wie Sie Ergebnisse präsentieren.
Die Bibliothek kann über Paketmanager oder direkt durch Verweis auf eine Datei im CDN von jsDelivr installiert werden.
$ yarn add doofinder
$ npm install doofinder
import { Client } from 'doofinder' ;
const { Client } = require ( 'doofinder/commonjs' ) ;
Sie können die Bibliothek direkt in Ihre Website einbinden:
<!-- Javascript -->
< script src =" //cdn.jsdelivr.net/npm/doofinder@latest/dist/doofinder.min.js " > </ script >
Wenn Sie nur wissen möchten, wie dies aufgebaut ist, ohne die Details, hier sind wir.
Die Bibliothek bietet:
Client
Klasse zum Ausführen von Anfragen an den Doofinder-Dienst.Query
, die ein benutzerfreundliches Objekt bereitstellt, um die Abfragen an den Doofinder Client
vorzubereiten, bevor etwas gesendet wird.Result
Klasse zum Umschließen der Antwort vom Server und zum Zugriff auf die Daten über benutzerfreundliche Methoden.ClientRepo
Singleton, der einen Pool von Doofinder Client
in jeder Zone enthält und bei deren Instanziierung hilft. Das Projekt enthält eine Demo, die Sie als Inspiration nutzen können. Um einen Blick darauf zu werfen und zu sehen, was Sie damit machen können:
$ yarn install
oder $ npm install
.$ yarn test
. Das Demo-Markup befindet sich in index.html
und der zugehörige Javascript-Code ist unter playground/demo.js
zu finden.
HINWEIS: Die Demo verwendet eine Testsuchmaschine, aber Sie können eine andere verwenden. Ändern Sie einfach den Wert der HASHID
-Variablen, die Sie in index.html
finden.
WICHTIG: Doofinder schützt API-Aufrufe mit CORS. Wenn Sie die in index.html
definierte HASHID
Variable ändern, müssen Sie localhost
für Ihre Suchmaschine in Doofinder Admin zulassen.
Um sich mit der Verwendung dieses Projekts vertraut zu machen, können Sie den Beispielen auf dem Spielplatz folgen.
Die Schlüsselkomponente ist die Datei demo.js. Um sie jedoch effektiv nutzen zu können, müssen Sie die folgenden Parameter verstehen:
WICHTIG: Dies ist eine laufende Arbeit.
https://doofinder.github.io/js-doofinder/
Browser | Standalone | ES-Modul |
---|---|---|
Rand | 15+ | 16+ |
Firefox | 32+ | 60+ |
Chrom | 55+ | 61+ |
Safari | 11+ | 11+ |
Oper | 42+ | 48+ |
Chrome für Android | 76+ | 76+ |
Firefox für Android | 68+ | 68+ |
UC-Browser für Android | 12.12+ | 12.12+ |
Safari für iOS | 11+ | 11+ |