norch vue

NORCH-VUE

Vue.js検索エンジンへのフロントエンドNORCH / SEARCH-INDEX。ノーチを始めて、コーディングせずにデータセットをテストする簡単な方法。 （後の時点でコーディングなしではありません）

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/

テストデータには、データセットデータセットヴィンモノポレットを使用します。

ノーチを開始します

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

NORCH-VUEの構成

Norch.JSは、データモデルの定義から始まります。その一部は構成額です。 Norchインスタンスのurlに向けて、カテリエリ（フィルターをかけたいフィールド）をセットアップします。

 // 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-PAGEを配信します

私はApacheを使用してページを配信していますが、それは私だけです。 index.htmlとnorch.jsを配信するために、希望するwebサーバーをユーザーに使用すると、プレイする準備ができています。

発達

Vue devtools

Google Chromeは、Vue：Vue.js devtoolsのための作業Devtoolがあるため、開発する際の優先ブラウザです。とりわけ、アプリのデータオブジェクトに何が起こっているかを示します。

ノーチでQueyオブジェクトをテストします

開発するときは、ノーチがサポートしているものとそうではなく、応答が何であるかを確認するのは良いことです。このようなブラウザでテストしてください：

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

予定

• 最初のステップは、 norch JSON APIと話すことです。 search-index-indexerとともに、これにより、人々はコーディングなしでデータセットをテストできるようになります。
• 2番目のステップは、検索インデックスをローカルストレージに複製した後、外部norch JSON APIの使用から内部search-index APIに切り替えることができるようにすることです。