norch vue

แวดวงนอร์ช

vue.js frontend ไปยังเครื่องมือค้นหา 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/

สำหรับการทดสอบข้อมูลเราใช้ชุดข้อมูลชุดข้อมูล-VinMonopolet

เริ่มต้นนอร์ช

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

การกำหนดค่า norch-vue

Norch.js เริ่มต้นด้วยการกำหนดรูปแบบข้อมูล ส่วนหนึ่งของมันคือ config-stuff ชี้ไปที่ url ของอินสแตนซ์ Norch ของคุณและตั้งค่า 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-PAGE

ฉันใช้ Apache เพื่อส่งหน้า แต่นั่นเป็นแค่ฉัน ผู้ใช้เว็บเซิร์ฟเวอร์ที่คุณต้องการเพื่อส่งมอบ index.html และ norch.js และคุณพร้อมที่จะเล่น

การพัฒนา

Vue Devtools

Google Chrome เป็นเบราว์เซอร์ที่ต้องการเมื่อพัฒนาเพราะมันมี devtool สำหรับ vue: vue.js devtools มันจะแสดงให้คุณเห็นว่าเกิดอะไรขึ้นกับวัตถุข้อมูลของคุณในแอพของคุณ

ทดสอบวัตถุ Quey บน Norch

เมื่อพัฒนามันเป็นการดีที่จะตรวจสอบสิ่งที่ Norch สนับสนุนและไม่และสิ่งที่ตอบสนองคืออะไร ทดสอบเบราว์เซอร์แบบนี้:

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

แผน

• ขั้นตอนแรกคือการพูดคุยกับ norch JSON API เมื่อรวมกับ search-index-indexer สิ่งนี้จะทำให้ผู้คนสามารถทดสอบชุดข้อมูลของพวกเขาได้โดยไม่ต้องเข้ารหัส
• ขั้นตอนที่สองคือการทำให้มันทำงานในเบราว์เซอร์และสามารถเปลี่ยนจากการใช้ norch JSON API ภายนอกไปยัง API search-index ภายในหลังจากจำลองดัชนีการค้นหาลงในที่เก็บข้อมูลท้องถิ่น