norch vue

Norch-Vue

Vue.js Frontend an die Suchmaschine Norch / Suchindex. Ein einfacher Weg, um mit Norch zu beginnen und Ihren Datensatz ohne viel Codierung zu testen. (Wird zu einem späteren Zeitpunkt ohne Codierung sein)

Probieren Sie es sofort auf Codepen.io aus

[email protected]

Installieren

 npm install -g norch
npm install search-index-indexer norch-vuejs-app 

Aufstellen

Daten erhalten

 node node_modules/search-index-indexer/index.js -c https://cdn.rawgit.com/eklem/search-index-indexer/master/config.json -d https://cdn.rawgit.com/eklem/dataset-vinmonopolet/master/dataset-vinmonopolet-sparkling.str
mkdir norch-index
mv data/ norch-index/

Für Testdaten verwenden wir das Datensatz-Datensatz-Vinmonopolet.

Norch anfangen

 norch -p 3030 -l silly -i norch-index

Konfigurieren von Norch-vue

Norch.js beginnt mit der Definition eines Datenmodells. Ein Teil davon ist der Konfigurationsstuff. Zeigen Sie es auf die url Ihrer Norch -Instanz und richten Sie Cateories (Felder, auf die Sie filtern möchten).

 // Application configuration
  config = {
      'url' : 'http://[norch-url]:[port-number]/' ,
      'endpoint' : {
        'search' : 'search?q=' ,
        'categorize' : 'categorize?q=' ,
        'buckets' : 'buckets?q=' ,
        'docCount' : 'docCount' ,
        'totalHits' : 'totalHits?q='
      } ,
      'categories' : [ {
        'field' : '[filed-to-categorize-on]'
      } ]
    }

Mehr über die Norch -Endpunkt -API. Diese App wird nur eine Untergruppe unterstützt.

Liefern Sie die HTML-Seite

Ich benutze Apache, um die Seite zu liefern, aber das bin nur ich. Benutzer Ihr bevorzugter Webserver zur Lieferung von index.html und norch.js und Sie sind bereit zu spielen.

Entwicklung

Vue Devtools

Google Chrome ist der bevorzugte Browser bei der Entwicklung, da es über einen funktionierenden Devtool für VUE: VUE.JS Devtools verfügt. Es wird unter anderem zeigen, was mit Ihren Datenobjekten in Ihrer App passiert.

Testen Sie Quey -Objekte auf Norch

Bei der Entwicklung ist es gut zu überprüfen, was Norch unterstützt und nicht, und was die Antwort ist. Testen Sie in Ihrem Browser wie diesen:

http://[norch-url]:[port-number]/search? q ={ " pageSize " :10, " query " :{ " AND " :{ " * " :[ " * " ]}}}

Pläne

• Der erste Schritt besteht darin, es mit norch JSON API zu sprechen. Zusammen mit dem search-index-indexer können Menschen ihren Datensatz ohne Codierung testen.
• Der zweite Schritt besteht darin, es im Browser auszuführen und in der Lage zu sein, eine externe norch JSON-API zu einer internen search-index API zu verwenden, nachdem der Suchindex in den lokalen Speicher repliziert wurde.