search hackernews

セマンティック検索 UI の Vectara サンプル コード

このアプリは、Vectara を利用したハッカー ニュースのセマンティック検索を提供します。これは Create-UI コード ジェネレーターを使用して生成され、Hacker News の適切な検索の要件に合わせて更新されました。

依存関係

npmとnodeをインストールします。

以下を使用して依存関係をインストールします。

 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
• Twitter: @vectara
• GitHub: @vectara
• LinkedIn: @vectara
• ディスコード: @vectara

?貢献する

貢献、問題、機能のリクエストは大歓迎です。
気軽に問題ページをチェックしてください。貢献ガイドもご覧ください。

サポートを示してください

このプロジェクトが役に立った場合は ️ をあげてください!

ライセンス

著作権 © 2024 ベクタラ。
このプロジェクトは Apache 2.0 ライセンスを取得しています。