Search UI
包括的な検索UIへの近道
数行のコードを加えるだけで、検索用インターフェースとフレキシブルな検索コンポーネントを作成できます。リッチな絞り込み機能を活用して、高度にカスタマイズ可能な検索エクスペリエンスを開発しましょう。エンドユーザーが、探している情報をすぐに発見できるようになります。
フレキシブル
Reactに対応
Search UIにはElastic App SearchおよびElastic Site Search向けの事前構築済みコネクター群が揃っており、設定を行わずに、Reactを扱えるよう設計されています。手順はダウンロードしてインポートするだけ。最高にシンプルです。
npm install --save @elastic/react-search-ui @elastic/search-ui-app-search-connector
const connector = new AppSearchAPIConnector({
searchKey: "search-soaewu2ye6uc45dr8mcd54v8",
engineName: "national-parks-demo",
hostIdentifier: "host-2376rb"
});
export default function App() {
return (
<SearchProvider
config={{
apiConnector: connector
}}
>
{() => (
<div className="App">
<SearchBox />
<Results
titleField="title"
urlField="nps_link"
/>
</div>
)}
</SearchProvider>
);
}特長
プリビルト＆Search UIのサポート
検索アプリのフロントエンドに人気のさまざまな検索機能を追加できます。設定せずに実装でき、すばやく正確な結果が返ってきます。検索ユーザーエクスペリエンスのベストプラクティスを手早く、気負わず構築しましょう。
短時間ではじめる
シンプル、フレキシブル、パワフル
多彩かつモバイルフレンドリーなコンポーネントを使って検索インターフェースを構築できます。思いのままにカスタマイズして、ユースケースに最適なインターフェースを作成しましょう。
