Vue.js frontend to Norch and search-index.
MIT License
Vue.js frontend to the search engine norch / search-index. An easy way to get started with norch and test your dataset without much coding. (Will be without any coding at a later point in time)
npm install -g norch
npm install search-index-indexer norch-vuejs-app
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/
For test-data we use the dataset dataset-vinmonopolet.
norch -p 3030 -l silly -i norch-index
norch.js starts with defining a data model. Part of it is the config-stuff. Point it to the url
of your norch instance, and setup cateories (fields you want to filter on).
// 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]'
}]
}
More about the norch endpoint API. Only a subset is supported by this app.
I'm using Apache to deliver the page, but that's just me. User your preferred webserver to deliver index.html and norch.js and you're ready to play.
Google Chrome is the preferred browser when developing because it has a working devtool for Vue: Vue.js devtools. It will among other things, show you what's happening to your data object(s) in your app.
When developing, it's good to check what norch supports and not, and what the response is. Test in you browser like this:
http://[norch-url]:[port-number]/search?q={"pageSize":10,"query":{"AND":{"*":["*"]}}}
norch
JSON API. Together with the search-index-indexer
this will make people able to test their dataset without any coding.norch
JSON API to an internal search-index
API after replicating the search index into local storage.