カスタムUIコンポーネントを用いた開発

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Sitecore Search JS SDKを用いて、ヘッドレスUIコンポーネントを使わずにReactアプリケーションを統合Searchできます。JS SDKは様々なクエリフック、コンポーネント、関数を提供します。これらを使って、JS SDKはアプリケーションとのデータやり取りを管理Search。

以下は、ReactアプリケーションをJS SDK for Reactでクエリフックしたい場合の典型的なシナリオです:

  • 機能的なウェブアプリケーションにSearchデータを入れたいのです。
  • パッケージ内でUIコンポーネントを使うことは制限Search UI Components。

!注完全に機能する検索ウェブアプリケーションの スターターキットのウェブサイト をご覧ください。そのアプリはGitHubリポジトリからダウンロードできます。

以下のウォークスルーでは、JS SDKを使ってコンポーネントを使ってアプリケーションを統合する方法を説明します。

統合を始める前に、以下のことを忘れないでください:

  • アプリケーション内でウィジェットとそのUIの インベントリ を作成しましょう。
  • ウィジェットが公開されていることを確認してください。

Search JS SDKおよびカスタムUIコンポーネントを使ってReactアプリケーションを統合するには:

  1. プロジェクトに React用のJS SDK をインストールしてください。
  2. 各ウィジェットに対して、クエリフックを使ってそのUIコンポーネントをSearchに接続します
  3. 各UIコンポーネントごとに、クエリフックで登録されていないイベントを追跡するコードを追加してください
この記事を改善するための提案がある場合は、 お知らせください!