다음을 통해 공유

[Orchard 강좌] 12. 검색(Search) 기능 구현하기

  • 아티클

이 내용은 ASP.NET MVP로 활동하고 계신 박용준님이 작성하신, 오픈소스 기반 웹사이트 제작 엔진인 Orchard로 처음 웹사이트를 구축 및 개발하기 위한 시리즈 강좌입니다. 많은 도움 되시길 바랍니다.
==================================================================================================

소개

안녕하세요. 박용준입니다.

이번 시간에는 Orchard CMS 메인에 검색 기능을 추가해 보도록 하겠습니다.

Orchard 는 자그마한 모든 기능이 다 모듈(Module)이라는 단위로 제공됩니다. 검색 기능 역시 마찬가지입니다. 기본값으로 검색 기능은 내장되어있지 않고, 언제든지 온라인 갤러리 사이트에서 다운로드 받아서 적용할 수 있습니다.

또한, 대시보드에서 원하는 항목만을 검색에 노출되도록 설정이 가능합니다. 예를 들어 Content의 제목과 내용만을 검색 대상에 올려둘 수 있습니다.

따라하기

Step 1: 검색 기능 제공 모듈 설치 및 활성화

1. Orchard [대시보드]-[모듈]-[갤러리] 탭을 선택 후 검색 텍스트박스에 “Search”를 입력 후 [검색] 버튼을 클릭합니다.

image_thumb.png

2. 검색 기능 관련해서 연관된 모듈들은 아래 그림과 같이 3개의 모듈이 서로 연관이 있습니다. 3개의 모듈을 모두 설치 및 활성화시킵니다. (여기서 Search 모듈이 설치시 에러가 난다면 다시 한번 설치해보시기 바랍니다.)

image_thumb_1.png

Step 2: 검색 기능 적용하기

1. 메인 페이지로 돌아와서 아래 그림의 오른쪽 상단 부분에 검색 기능을 적용하고자 합니다.

image_thumb_2.png

2. [대시보드]-[위젯]-[현재 레이어] 항목 중 모든 웹 페이지에 검색 기능을 적용하고자한다면 [Default] 항목을 선택한 후 [추가] 버튼을 클릭합니다.

image_thumb_3.png

3. [위젯 선택] 화면으로 이동하면 검색 관련 모듈 설치 후 [Search Form] 위젯이 추가됨을 알 수 있습니다. [Search Form] 위젯을 클릭합니다.

image_thumb_6.png

4. [위젯 추가] 화면에서 기본값을 확인 후 [저장] 버튼을 눌러 검색 폼을 적용합니다.

image_thumb_7.png

5. 검색 폼이 적용됨을 확인 후 메인 페이지로 이동합니다.

image_thumb_8.png

6. 메인 페이지로 이동 후 오른쪽 상단에 검색 폼이 적용되었음을 확인합니다.

image_thumb_10.png

7. 검색 폼에 원하는 검색어를 입력한 후 [Search] 버튼을 클릭하면 검색어에 해당하는 내용들이 검색되어져 나타남을 알 수 있습니다. 단, 여기서 검색의 대상은 [대시보드]-[설정]-[Search]에서 설정한 항목들만을 검색합니다.

image_thumb_12.png

마무리

CMS에 데이터를 페이지/위젯/기타 모듈 등을 활용하여 입력하는 것 만큼 중요한 게 원하는 시점에 빨리 해당 콘텐츠를 찾아가는 일입니다. 그만큼 검색(Search)의 기능은 CMS에서 필수 요소입니다.

Orchard는 Lucene.NET이라는 오프소스 검색엔진을 탑재하여 검색 효율을 상당히 높였습니다.

자~ 이제 제법 사이트의 구조가 갖추어지고 있는 느낌이 나시나요??? 조금 더 새로운 기능을 위해서 전진 또 전진하도록 하겠습니다… 화이팅!!!

끝.

참고 자료

https://orchardproject.net/docs/Search-and-indexing.ashx

관련글