テンプレート処理中にエラーが発生しました。
Java method "com.liferay.portal.json.JSONFactoryImpl.createJSONObject(String)" threw an exception when invoked on com.liferay.portal.json.JSONFactoryImpl object "com.liferay.portal.json.JSONFactoryImpl@51577ebb"; see cause exception in the Java stack trace.

----
FTL stack trace ("~" means nesting-related):
	- Failed at: navigationJSONObject = jsonFactoryUti...  [in template "17855804202317#32484267#LEARN-ARTICLE-NAV" at line 4, column 9]
----
1<#assign 
2	groupFriendlyURL = themeDisplay.getScopeGroup().getFriendlyURL() 
3	groupPathFriendlyURLPublic = themeDisplay.getPathFriendlyURLPublic() + groupFriendlyURL 
4	navigationJSONObject = jsonFactoryUtil.createJSONObject(navigation.getData()) 
5	navigationMenuItems = 
6
7			"Analytics Cloud": { 
8				"image": "/documents/d${groupFriendlyURL}/analytics_c-svg", 
9				"title": "Analytics Cloud", 
10				"url": "analytics-cloud" 
11			}, 
12			"Commerce": { 
13				"image": "/documents/d${groupFriendlyURL}/commerce_product-svg", 
14				"title": "Commerce", 
15				"url": "commerce" 
16			}, 
17			"DXP": { 
18				"image": "/documents/d${groupFriendlyURL}/dxp_p-svg", 
19				"title": "DXP / Portal", 
20				"url": "dxp" 
21			}, 
22			"Liferay Cloud": { 
23				"image": "/documents/d${groupFriendlyURL}/dxp_c-svg", 
24				"title": "Liferay Cloud", 
25				"url": "liferay-cloud" 
26			}, 
27			"Reference": { 
28				"image": "/documents/d${groupFriendlyURL}/reference-svg", 
29				"title": "Reference", 
30				"url": "reference" 
31
32
33 
34	breadcrumbJSONArray = navigationJSONObject.getJSONArray("breadcrumb") 
35	childrenJSONArray = navigationJSONObject.getJSONArray("children") 
36	parentJSONObject = navigationJSONObject.getJSONObject("parent") 
37	productJSONObject = breadcrumbJSONArray.getJSONObject(breadcrumbJSONArray.length()-1)!navigationJSONObject.getJSONObject("self") 
38	siblingsJSONArray = navigationJSONObject.getJSONArray("siblings") 
39/> 
40 
41<div class="learn-article-nav"> 
42	<#if productJSONObject?has_content && productJSONObject.getString("title")?has_content && navigationMenuItems[productJSONObject.getString("title")]?has_content && navigationMenuItems[productJSONObject.getString("title")].title?has_content> 
43		<div 
44			class="dropdown learn-article-nav-root learn-dropdown" 
45
46			<div class="learn-article-nav-item"> 
47				<div class="d-flex"> 
48					<div class="learn-article-nav-image"> 
49						<img 
50							class="lexicon-icon lexicon-icon-caret-bottom product-icon" 
51							role="presentation" 
52							src='${navigationMenuItems[productJSONObject.getString("title")].image}' 
53							viewBox="0 0 512 512" 
54						/> 
55					</div> 
56 
57					<span class="learn-article-nav-text">${navigationMenuItems[productJSONObject.getString("title")].title}</span> 
58				</div> 
59 
60				<div id="dropdown-icon"> 
61					<svg 
62						class="lexicon-icon lexicon-icon-caret-bottom" 
63						role="presentation" 
64						viewBox="0 0 512 512" 
65
66						<use xlink:href="/o/admin-theme/images/clay/icons.svg#caret-bottom"></use> 
67					</svg> 
68				</div> 
69			</div> 
70 
71			<ul class="dropdown-menu learn-dropdown-menu"> 
72				<#list navigationMenuItems as key, value> 
73					<li> 
74						<a 
75							class="dropdown-item learn-article-nav-item" 
76							href="/w/${navigationMenuItems[key].url}/index" 
77							tabindex="4" 
78
79							<span class="d-flex"> 
80								<span class="learn-article-nav-image"> 
81									<img 
82										class="lexicon-icon lexicon-icon-caret-bottom product-icon mt-0 mr-2" 
83										role="presentation" 
84										src="${value.image}"height: 25px; margin-left: 5px; max-width: none; width: 25px; 
85										viewBox="0 0 512 512" 
86									/> 
87								</span> 
88								<span class="learn-article-nav-text">${value.title}</span> 
89							</span> 
90 
91							<#if navigationMenuItems[productJSONObject.getString("title")].url == value.url> 
92								<span> 
93									<@clay["icon"] symbol="check" /> 
94								</span> 
95							</#if> 
96						</a> 
97					</li> 
98				</#list> 
99			</ul> 
100		</div> 
101	</#if> 
102 
103	<div class="learn-article-nav-content"> 
104		<#if parentJSONObject?has_content && parentJSONObject.getString("url")?has_content> 
105			<div class="learn-article-nav-item learn-article-nav-parent liferay-nav-item p-2"> 
106				<div class="mr-2"> 
107					<a 
108						href='${parentJSONObject.getString("url")}' 
109
110						<svg 
111							class="lexicon-icon lexicon-icon-angle-left" 
112							role="presentation" 
113							viewBox="0 0 512 512" 
114
115							<use xlink:href="/o/admin-theme/images/clay/icons.svg#angle-left"></use> 
116						</svg> 
117					</a> 
118				</div> 
119 
120				<span>${parentJSONObject.getString("title")}</span> 
121			</div> 
122		</#if> 
123 
124		<#if childrenJSONArray.length() gt 0> 
125			<ul class="m-0 p-2"> 
126				<#list 0..childrenJSONArray.length()-1 as i> 
127					<li class="learn-article-nav-item"> 
128						<a 
129							class='liferay-nav-item ${(navigationJSONObject.getJSONObject("self").url == childrenJSONArray.getJSONObject(i).url)?then("selected", "")}' 
130							href="${childrenJSONArray.getJSONObject(i).url}" 
131
132							<span>${childrenJSONArray.getJSONObject(i).getString("title")}</span> 
133						</a> 
134					</li> 
135				</#list> 
136			</ul> 
137		<#elseif siblingsJSONArray.length() gt 0> 
138			<ul class="m-0 p-2"> 
139				<#list 0..siblingsJSONArray.length()-1 as i> 
140					<li class="learn-article-nav-item"> 
141						<a 
142							class='liferay-nav-item ${(navigationJSONObject.getJSONObject("self").url == siblingsJSONArray.getJSONObject(i).url)?then("selected", "")}' 
143							href="${siblingsJSONArray.getJSONObject(i).url}" 
144
145							<span>${siblingsJSONArray.getJSONObject(i).getString("title")}</span> 
146						</a> 
147					</li> 
148				</#list> 
149			</ul> 
150		</#if> 
151	</div> 
152</div> 

フォームストレージアダプターの書き込み

利用可能: LPS-97208 の修正(Liferay DXP 7.2 SP3で計画)を含むLiferay DXP 7.3およびLiferay DXP 7.2バージョン。

デフォルトでは、フォームはLiferay DXPのデータベースにJSONとして保存されます。 この例では、フォームレコードの永続化イベントにカスタムロジックを挿入するために、新しいストレージアダプターを実装する方法を紹介します。

DDMストレージアダプターを使用して、フォームアプリケーションにストレージタイプを追加します。

まず デフォルトストレージアダプタ がどのように Liferay DXP データベースのフォームレコードを JSON コンテンツとして保存するか見てみましょう。 そして、各フォームレコードをファイルシステムに保存するロジックを追加します。

実行中のDDMストレージアダプターを調べる

ストレージアダプターの動作を確認するために、サンプルをデプロイし、サンプルアダプターを使用していくつかのフォームデータを追加します。

サンプルをデプロイする

新しいLiferay インスタンスを起動し、以下を実行します。

docker run -it -m 8g -p 8080:8080 。

http://localhost:8080でLiferayへのサインインします。 メールアドレス test@liferay.com とパスワード test を使用してください。 プロンプトが表示されたら、パスワードを learn に変更します。

次に、以下の手順を実行します。

  1. DDM Storage Adapter プロジェクト をダウンロードして解凍します。

    curl https://resources.learn.liferay.com/dxp/latest/en/process-automation/forms/developer-guide/liferay-r2f1.zip -O
    
    unzip liferay-r2f1.zip
    
  2. モジュールのルートから、ビルドおよびデプロイします。

    ./gradlew deploy -Ddeploy.docker.container.id=$(docker ps -lq)
    
    tip

    このコマンドは、デプロイされたjarをDockerコンテナの/opt/liferay/osgi/modulesにコピーするのと同じです。

  3. Liferay Dockerコンテナコンソールでデプロイを確認します。

    STARTED com.acme.r2f1.impl_1.0.0 [1009]
    

デプロイされたストレージアダプターを使用する

  1. ブラウザでhttp://localhost:8080を開きます。

  2. サイトメニュー] → [コンテンツ & データ] → [フォーム] のフォームアプリケーションに移動します。

  3. 追加 ボタン(Add)をクリックして、フォームビルダーを開きます。

  4. [フォームビルダー]ビューで、 オプション ボタン(Options)をクリックし、 [Settings] ウィンドウを開きます。

  5. ストレージの種類を選択する] で、 [R2F1 Dynamic Data Mapping Storage Adapter] タイプを選択し、 [Done] をクリックします。

  6. フォームにテキストフィールドを追加し、フォームを公開して、何度か送信します。

  7. フォームデータが保持されていることを確認するには、フォームのレコードに移動します。

サイトメニュー] → [コンテンツ] → [フォーム] から、フォームの アクション ボタン(Actions)をクリックして、 [エントリの参照] をクリックします。

フォームエントリーが追加されたことを確認します。

  1. さらに、各CRUDメソッドにロギングが提供され、サンプルのメソッドが呼び出されていることが示されています。

    WARN  [http-nio-8080-exec-5][R2F1DDMStorageAdapter:82] Acme storage adapter's save method was invoked
    

拡張ポイントを理解する

この例には、R2F1DDMStorageAdapterという1つのクラスのみが含まれています。これは、フォームエントリーを格納するためのロジックを提供するDDMStorageAdapterを実装しているサービスです。 配置されたサンプルは現在、デフォルトの JSON 実装をラップしているだけです: DefaultDDMStorageAdapter. 後で、すでにここにあるコードにファイルシステムのストレージを追加します。

アダプタークラスをOSGiコンテナに登録する

DDMFileSystemStorageAdapterは、DDMStorageAdapterインターフェイスを実装していますが、OSGiサービスとして登録する必要があります。

@Component(
    property = "ddm.storage.adapter.type=r2f1-ddm-storage-adapter",
    service = DDMStorageAdapter.class
)
public class R2F1DDMStorageAdapter implements DDMStorageAdapter {
note

r2f1-ddm-storage-adapter キーは、src/main/resources/content/Language.propertiesファイルとbnd.bnd内のProvide-Capabilityヘッダーによって、R2F1 Dynamic Data Mapping Storage Adapterという値にローカライズされます。

serviceコンポーネントプロパティは、実装をDDMStorageAdapterサービスとして登録します。

プロパティddm.storage.adapter.typeは識別子を提供し、サービスが一意のDDMStorageAdapterの実装として登録されるようにします。 他のサービスでも次のように参照できるようになりました。

@Reference(target = "(ddm.storage.adapter.type=r2f1-ddm-storage-adapter)")
private DDMStorageAdapter defaultWrapperDDMStorageAdapter;

DDMStorageAdapterインターフェイスを理解する

このインターフェイスでは、フォームレコードのCRUD操作を処理するために、deletegetsaveの3つのメソッドが必要です(更新ロジックも処理します)。

public DDMStorageAdapterDeleteResponse delete(
        DDMStorageAdapterDeleteRequest ddmStorageAdapterDeleteRequest)
    throws StorageException;
public DDMStorageAdapterGetResponse get(
        DDMStorageAdapterGetRequest ddmStorageAdapterGetRequest)
    throws StorageException;
public DDMStorageAdapterSaveResponse save(
        DDMStorageAdapterSaveRequest ddmStorageAdapterSaveRequest)
    throws StorageException;

各メソッドは DDMStorageAdapter[ Save / Get / Delete ]Response オブジェクトを返す必要があり、静的なインナー Builder クラスの newBuilder メソッドを使用して構築されます。

すべてのメソッドにDDMStorageAdapter[Save/Delete/Get]Requestが渡されます。 リクエストオブジェクトには、有用なコンテキスト情報を返すgetterメソッドが含まれています。

ファイルシステムストレージを実装する

この例では、必要なメソッドをすでに上書きしています。 機能性を考慮したプライベートのユーティリティーメソッドを作成し、上書きされたメソッドからそれらを呼び出します。

サービスの依存関係を宣言する

このコードは、OSGiコンテナにデプロイされた2つのサービスに依存しています。 org.osgi.service.component.annotations.Referenceによって提供されるDeclarative Services @Referenceアノテーションを使用して、クラスの最後にこれらの宣言を追加します。

@Reference
private DDMContentLocalService _ddmContentLocalService;

@Reference
private DDMFormValuesSerializerTracker _ddmFormValuesSerializerTracker;

com.liferay.dynamic.data.mapping.service.DDMContentLocalServiceおよびcom.liferay.dynamic.data.mapping.io.DDMFormValuesSerializerTrackerをインポートします。

ロガーを作成する

クラスのロガーを作成し、_log変数に設定します。

private static final Log _log = LogFactoryUtil.getLog(
    R2F1DDMStorageAdapter.class);

これは、CRUDメソッドの1つが呼び出されるたびに、いくつかのログメッセージを追加するために使用されます。

ファイル削除を実装する

  1. プライベート変数 _PATHNAME を設定することで、ファイルの保存先をコントロールすることができます。 ここでのパスは、Dockerコンテナ内のLiferayのインストール場所を指しています。

    private static final String _PATHNAME = "/opt/liferay/form-records";
    
  2. _deleteFileユーティリティメソッドを作成します(java.io.Fileクラスをインポート)。

    private void _deleteFile(long fileId) {
        File file = new File(_PATHNAME + "/" + fileId);
    
        file.delete();
    
        if (_log.isWarnEnabled()) {
         _log.warn("Deleted file with the ID " + fileId);
        }
    }
    
  3. 上書きされた delete メソッドを探します。 return ステートメントの直前に以下を追加します。

     long fileId = ddmStorageAdapterDeleteRequest.getPrimaryKey();
    
     _deleteFile(fileId);
    

これで、このコードは、データベース内のコピーを削除する前に、まずファイルシステムからファイルを削除します。

ファイル取得を実装する

getメソッドと同じ手順で、プライベートのユーティリティメソッドを作成し、それを呼び出します。

  1. _getFileユーティリティメソッドを追加します。

     private void _getFile(long fileId) throws IOException {
         try {
             if (_log.isWarnEnabled()) {
                 _log.warn(
                     "Reading the file with the ID " + fileId + ": " +
                         FileUtil.read(_PATHNAME + "/" + fileId));
             }
         }
         catch (IOException e) {
             throw new IOException(e);
         }
     }
    

    com.liferay.portal.kernel.util.FileUtilおよびjava.io.IOExceptionをインポートします。

  2. 上書きされたgetメソッド(tryブロック内)で、returnステートメントの直前に以下を挿入し、storageIdddmStorageAdapterGetRequest.getPrimaryKey()で取得)をfileIdとして設定し、取得したコンテンツをLiferayのログに出力する_getFileユーティリティメソッドを呼び出します。

    long fileId = ddmStorageAdapterGetRequest.getPrimaryKey();
    
    _getFile(fileId);
    

ファイル作成ロジックを実装する

保存リクエストには、新しいレコードが追加される場合と既存のレコードが更新される場合の2つのタイプがあります。 保存するたびに、現在のddmFormValuesコンテンツを使用して、updateメソッドで既存のファイルを上書きします。

  1. _saveFileユーティリティメソッドを作成します。

    private void _saveFile(long fileId, DDMFormValues formValues)
        throws IOException {
    
        try {
            String serializedDDMFormValues = _serialize(formValues);
    
            File abstractFile = new File(String.valueOf(fileId));
    
            FileUtil.write(
                _PATHNAME, abstractFile.getName(), serializedDDMFormValues);
    
            if (_log.isWarnEnabled()) {
                _log.warn("Saved a file with the ID" + fileId);
            }
        }
        catch (IOException e) {
            throw new IOException(e);
        }
    }
    

    com.liferay.dynamic.data.mapping.storage.DDMFormValuesおよびjava.io.Fileをインポートします。

  2. _serializeユーティリティメソッドを作成し、DDMFormValuesオブジェクトをJSONに変換します。

    private String _serialize(DDMFormValues ddmFormValues) {
        DDMFormValuesSerializer ddmFormValuesSerializer =
            _ddmFormValuesSerializerTracker.getDDMFormValuesSerializer("json");
    
        DDMFormValuesSerializerSerializeRequest.Builder builder =
            DDMFormValuesSerializerSerializeRequest.Builder.newBuilder(
                ddmFormValues);
    
        DDMFormValuesSerializerSerializeResponse
            ddmFormValuesSerializerSerializeResponse =
                ddmFormValuesSerializer.serialize(builder.build());
    
        return ddmFormValuesSerializerSerializeResponse.getContent();
    }
    

    com.liferay.dynamic.data.mapping.io.DDMFormValuesSerializercom.liferay.dynamic.data.mapping.io.DDMFormValuesSerializerSerializeRequest、およびcom.liferay.dynamic.data.mapping.io.DDMFormValuesSerializerSerializeResponseをインポートします。

  3. このロジックと_saveFileへの呼び出しを、既存のreturnステートメントを置き換えてsaveメソッドに追加します。

     DDMStorageAdapterSaveResponse defaultStorageAdapterSaveResponse =
         _defaultStorageAdapter.save(ddmStorageAdapterSaveRequest);
    
     long fileId = defaultStorageAdapterSaveResponse.getPrimaryKey();
    
     _saveFile(fileId, ddmStorageAdapterSaveRequest.getDDMFormValues());
    
     return defaultStorageAdapterSaveResponse;
    

    _defaultStorageAdapter.save が最初にコールされ、新しいフォーム項目に主キーが作成されます。 このプライマリーキーは、fielIdを作成するためにResponseオブジェクトから取得されます。

ストレージアダプターをデプロイしてテストする

先ほどと同じdeployコマンドを使用してストレージアダプターをデプロイします。 モジュールルートから、以下を実行します。

./gradlew deploy -Ddeploy.docker.container.id=$(docker ps -lq)

以下のように動作を確認します。

  1. サイトメニューコンテンツフォーム にあるフォームアプリケーションにアクセスします。

  2. 追加 ボタンAddをクリックして、フォームビルダーを開きます。

  3. [フォームビルダー]ビューで、 オプション ボタン(Options)をクリックし、 [Settings] ウィンドウを開きます。

  4. リストを選択フィールド [ストレージの種類を選択する] から、 [R2F1 Dynamic Data Mapping Storage Adapter] タイプを選択し、 [完了] をクリックします。

  5. フォームにテキストフィールドを追加し、フォームを公開して、何度か送信します。

  6. フォームレコードがコンテナのファイルシステムに書き込まれたことを確認するには、ログを確認します。 以下のようなメッセージが表示されます。

    WARN  [http-nio-8080-exec-5][R2F1DDMStorageAdapter:82] Acme storage adapter's save method was invoked
    WARN  [http-nio-8080-exec-5][R2F1DDMStorageAdapter:134] Saved a file with the ID42088
    WARN  [http-nio-8080-exec-5][R2F1DDMStorageAdapter:61] Acme storage adapter's get method was invoked
    WARN  [http-nio-8080-exec-5][R2F1DDMStorageAdapter:112] Reading the file with the ID 42088: {"availableLanguageIds":["en_US"],"defaultLanguageId":"en_US","fieldValues":[{"instanceId":"EJ5UglA1","name":"Field51665758","value":{"en_US":"Stretched limousine"}}]}
    

まとめ

DDMStorageAdapterを実装することで、フォームレコードを任意のストレージ形式で保存することができます。