カスタムUIコンポーネントを使用した開発
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore Search JS SDKを使用してReactアプリケーションを統合できSearchヘッドレスUIコンポーネントを使用せずに統合できます。JS SDKには、さまざまなクエリフック、コンポーネント、および関数が用意されています。JS SDKは、これらを使用して、アプリケーションのSearchとのデータ対話を管理します。
以下は、JS SDK for Reactを使用してReactアプリケーションをクエリフックする場合の一般的なシナリオです。
-
機能しているWebアプリケーションにSearchデータを入力する必要があります。
-
パッケージ内のUIコンポーネントの使用Search UI Components制限されています。
完全に機能する検索Webアプリケーションのスターター キットWebサイトを参照します。アプリケーションは、GitHubリポジトリからダウンロードできます。
次のチュートリアルでは、JS SDKを使用して、コンポーネントを使用してアプリケーションを統合する方法について説明します。
統合を開始する前に、次の点に注意してください。
-
アプリケーションでウィジェットとそれぞれのUIのインベントリ を作成します。
-
ウィジェットが公開されていることを確認します。
Search JS SDKコンポーネントとカスタムUIコンポーネントを使用してReactアプリケーションを統合するには、次のようにします。
-
JS SDK for Reactをプロジェクトにインストールします。
-
ウィジェットごとに、クエリ フックSearch