search hackernews

의미 검색 UI를 위한 Vectara 샘플 코드

이 앱은 Vectara가 제공하는 해커 뉴스에 대한 의미론적 검색을 제공합니다. Create-UI 코드 생성기를 사용하여 생성되었으며 Hacker News에 대한 올바른 검색 요구 사항으로 업데이트되었습니다.

종속성

npm과 노드를 설치합니다.

다음을 사용하여 종속성을 설치합니다.

 npm install

구성

.env.example 이름을 .env 로 바꾸거나 새 .env 만들고 구성을 바꾸십시오.

 REACT_APP_CORPUS_ID=<Vectara corpus ID>
REACT_APP_CUSTOMER_ID=<Vectara customer ID>
REACT_APP_APP_TITLE=<App title - e.g Search Hackernews >
REACT_APP_API_KEY=<Vectara API KEY>
REACT_APP_ENDPOINT=api.vectara.io
REACT_APP_QUESTION=<Questions , separated - e.g What is Gemini-Flash?,When will GPT-5 be released?>

로컬에서 실행

코드를 로컬에서 실행하고 다음을 사용하여 http://localhost:3000/ 에 제공합니다.

 npm run start

소스 코드를 변경하면 앱이 변경 사항과 함께 자동으로 다시 로드됩니다.

Docker로 실행하기

docker로 실행하려면 다음 명령을 실행하세요.

 bash ./docker/run.sh

Vectara에서 Hacker News 데이터 설정

Vectara 말뭉치에서 데이터를 가져오도록 이 앱을 설정하려면:

1. 무료 Vectara 계정을 만드세요.
2. 말뭉치를 생성하고 데이터를 추가합니다.
3. QueryService API 키를 만듭니다.

전문가 팁: API 키를 생성한 후 코퍼스로 이동하여 "액세스 제어" 탭을 클릭하세요. 하단에서 API 키를 찾아 '모두 복사' 옵션을 선택하여 고객 ID, 코퍼스 ID, API 키를 복사하세요. 이를 통해 Create-UI 앱을 구성하는 데 필요한 모든 데이터가 제공됩니다.

CUSTOMER_ID 및 CORPUS_ID (.env 파일에 있음)가 Hacker News 기사를 크롤링한 Vectara 자료를 가리키는지 확인하세요. 해당 목적으로 vectara-ingest hackernews 크롤러를 사용할 수 있습니다.

여기에서 라이브 데모를 볼 수 있습니다.

작가

? 벡터라

• 웹사이트: https://vectara.com
• 트위터: @vectara
• GitHub: @vectara
• 링크드인: @vectara
• 디스코드: @vectara

? 기여

기여, 문제 및 기능 요청을 환영합니다!
이슈 페이지를 확인해 보세요. 기여 가이드를 살펴보실 수도 있습니다.

당신의 지지를 보여주세요

이 프로젝트가 도움이 되었다면 ️를 보내주세요!

특허

저작권 © 2024 Vectara.
이 프로젝트는 Apache 2.0 라이센스가 있습니다.