チュートリアル: オーダーの作成フローのカスタマイズ

このチュートリアルでは、既存の Order Hub Create オーダー・フローをカスタマイズする方法を学習します。

このチュートリアルでは、既存のページを簡単に更新するために、構成によるカスタマイズのアプローチを使用します。

このチュートリアルでは、コードによるカスタマイズのアプローチを使用します。ここで、

オーバーライドによるカスタマイズ・アプローチは、既存のページを変更して追加データ (顧客購入オーダー番号) をキャプチャーし、そのデータをバックエンド API に送信するために使用されます。オーダー詳細ページを変更する buc-fields-details.json ファイルがないため、オーバーライドによるカスタマイズ方法を使用する必要があります。

以下の追加機能を組み込むために、企業がオーダー作成フローをカスタマイズする必要があると想定します。

オーダーを作成するときに、オプションで「顧客購入オーダー番号」を取り込むことができます。
オーダーに追加するアイテムを検索する場合、アイテムの商品コード、EAN、またはメーカー・コードを表すために使用するカスタム・ ItemAlias フィールドを持つアイテムを検索できるようにする必要があります。
UI でラベルを変更する必要があります。既存のラベル「Requested ship date」、「Requested cancel date」、および「Requested delivery date」を使用する代わりに、ラベル「Desdesired ship date」、「Desdesired cancel date」、および「Desdesired delivery date」を使用する必要があります。

学習目標

オーダー・アプリケーションでページをカスタマイズする方法。
ページ内の既存のコードを変更して追加データをキャプチャーし、そのデータをバックエンド API に送信する方法。
構成によるカスタマイズによって、ページと API に検索パラメーターを追加する方法。
構成によるカスタマイズによってアプリケーション内のラベルおよびメッセージを変更する方法。

所要時間

このチュートリアルを完了するには約 30 分かかります。このチュートリアルに関連した他の概念も調べる場合には、完了するまでにさらに多くの時間がかかる可能性があります。

スキル・レベル

初心者

相手

Order Hubをカスタマイズする開発者。

前提条件

デベロッパーズ・ツールキット環境をセットアップします。詳しくは、 Order Hub のカスタマイズの開始を参照してください。
buc-app-order モジュールのカスタマイズを有効にします。詳しくは、既存のアプリケーションのカスタマイズを参照してください。

予期される結果

ユーザーが「オーダー検索」ページから「オーダーの作成」をクリックすると、「オーダーの作成」ページにカスタマイズがロードされます。

「オーダー詳細」ページには、カスタム・フィールド「顧客購入オーダー番号」が含まれています。
「行の追加」>「拡張検索」モーダルには、カスタム検索フィールド「別名値」が含まれています。
「回線の管理」テーブルには、カスタム・テーブル・ヘッダー・ストリング「希望配達日」、「希望利用可能日」、および「希望終了日」が含まれます。