norch vue

Norch-Vue

vue.js 검색 엔진 Norch / Search-Index의 프론트 엔드. 많은 코딩없이 Norch를 시작하고 데이터 세트를 테스트하는 쉬운 방법입니다. (나중에 코딩하지 않아도됩니다)

codepen.io에서 바로 시도하십시오

[email protected]

설치하다

 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/

테스트 데이터의 경우 DataSet Dataset-Vinmonopolet을 사용합니다.

Norch 시작

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

Norch-Vue 구성

Norch.js는 데이터 모델을 정의하는 것으로 시작합니다. 그것의 일부는 config-stuff입니다. Norch 인스턴스의 url 을 가리키고 Cateories (필터링하려는 필드)를 설정하십시오.

 // 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]'
      } ]
    }

Norch Endpoint API에 대한 자세한 내용. 이 앱에서는 서브 세트 만 지원됩니다.

HTML 페이지를 전달하십시오

나는 Apache를 사용하여 페이지를 전달하고 있지만 그게 나입니다. 원하는 웹 서버를 사용하여 index.html 및 norch.js를 제공하면 플레이 할 준비가되었습니다.

개발

Vue Devtools

Google Chrome은 Vue.js DevTools 용 DevTool이 작동하기 때문에 개발할 때 선호하는 브라우저입니다. 무엇보다도 앱에서 데이터 객체에 무슨 일이 일어나고 있는지 보여줄 것입니다.

Norch에서 Quey 객체를 테스트하십시오

개발할 때 Norch가 지원하는 것이 아니라 응답이 무엇인지 확인하는 것이 좋습니다. 다음과 같은 브라우저에서 테스트하십시오.

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

계획

• 첫 번째 단계는 norch Json API와 대화하는 것입니다. search-index-indexer 와 함께 사람들이 코딩없이 데이터 세트를 테스트 할 수있게됩니다.
• 두 번째 단계는 검색 인덱스를 로컬 스토리지로 복제 한 후 외부 norch JSON API 사용에서 내부 search-index API로 전환하는 것입니다.