テンプレート処理中にエラーが発生しました。
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> 

アカウント作成の自動化

オンボーディングフローを完成させるために、Delectable Bonsaiは、マネージャーが承認されたアプリケーションのビジネスアカウントを簡単に作成できるようにしたいと考えている。 各アカウントは、アプリケーションの名前( businessName )にちなんで命名され、申請者は、アカウント管理者の役割を持つアカウントに自動的に割り当てられる必要があります。 ここでは、オブジェクトアクション クライアント拡張 を使ってこれを実現する。

Distributor ApplicationオブジェクトにSet Up Accountアクションを追加します。

クライアント・エクステンションの設定

ワークフローに liferay-course-etc-spring-boot プロジェクトを デプロイ したときに、カスタムオブジェクトアクションもデプロイしました。

先に進む前に、Spring Bootアプリケーションが実行されていることを確認する。 そうでない場合は、 liferay-course-etc-spring-boot プロジェクトフォルダに移動し、次のコマンドを実行してください:

./../../gradlew bootRun

その後、 http://localhost:58081/ready にアクセスし、アプリケーションが正常に起動したことを確認する。

コードを調べる

提供されているObject Actionクライアント拡張機能は、これらの操作を実行する:

  1. 承認されたアプリケーションから businessName を使用してビジネスアカウントを作成します。

  2. applicantEmail フィールドを使用して、申請者をアカウントに関連付けます。

  3. 申請者にアカウント管理者の役割を割り当てる

リクエストボディの受信と変数の設定

   @PostMapping
   public ResponseEntity<String> post(
      @AuthenticationPrincipal Jwt jwt, @RequestBody String json) {

      log(jwt, _log, json);

      JSONObject payload = new JSONObject(json);

      JSONObject jsonApplicationDTO = payload.getJSONObject("objectEntryDTODistributorApplication");

      JSONObject jsonProperties = jsonApplicationDTO.getJSONObject("properties");

      String accountName = jsonProperties.getString("businessName");

      String accountERC = "ACCOUNT_".+ accountName.toUpperCase().replace(" ", "_");

      String email = jsonProperties.getString("applicantEmail");
   ...
   }

ObjectAction1RestController の post メソッドには 2 つのパラメータがあります。HTTP 呼び出しの認証に使用する JSON Web トークン (JWT) と、JSON 形式の文字列として受け取るリクエスト本文です。

リクエストボディをロギングした後、JSONリクエストペイロードを解析し、最終的に businessNameapplicantEmail の値を抽出する。 これらの値は、 accountNameemail 変数に格納され、 accountName は、 accountERC 変数の設定に使われる。

POSTリクエストの実行

      try {
         WebClient.Builder builder = WebClient.builder();

         WebClient webClient = builder.baseUrl(
            ...
         ).defaultHeader(
            ...
         ).defaultHeader(
            ...
         ).build();

         createBusinessAccount(
            webClient, jwt, accountERC, accountName
         ).doOnSuccess(
            responseEntity -> logResponse(responseEntity, "Account Created")
         ).then(
            associateUserWithAccount(webClient, jwt, accountERC, email)
         ).doOnSuccess(
            responseEntity -> logResponse(responseEntity, "User Assigned")
         ).then(
            getRoleId(webClient, jwt, accountERC)
         ).flatMap(
            accountRoleId -> {
               return assignAccountRoleToUser(
                  webClient, jwt, accountERC, accountRoleId, email
               ).doOnSuccess(
                  responseEntity -> logResponse(responseEntity, "Role Assigned")
               );
            }
         ).subscribe();
      }

リクエストボディ(json)を使って変数を定義した後、コードは WebClient を初期化し、そのベースURLとヘッダーを決定して設定する。 そして、 createBusinessAccountassociateUserWithAccountgetRoleIdassignAccountRoleToUser メソッドを連鎖させる。 これらのメソッドにより、ビジネスアカウントが作成され、申請者が関連付けられ、アカウント管理者 ID が取得され、申請者にロールが割り当てられます。

アカウントの作成

   private Mono<ResponseEntity<String>> createBusinessAccount(
      WebClient webClient, Jwt jwt, String accountERC, String accountName) {

      return webClient.post(
      ).uri(
         "o/headless-admin-user/v1.0/accounts"
      ).bodyValue(
         "{"externalReferenceCode":\""+ accountERC + "¦", ¦"name":\""+ accountName + "¦", ¦"type":\"ビジネス"}"
      ).header(
         HttpHeaders.AUTHORIZATION, "Bearer " + jwt.getTokenValue()
      )
      ...
   }

このメソッドは、初期化された WebClient を使用して headless-admin-user エンドポイントへの非同期 POST リクエストを実行し、 accountERC および accountName 変数を使用してビジネスアカウントを作成し、それぞれ externalReferenceCode および name フィールドに入力します。 最後に、レスポンス・エンティティを返し、HTTPステータスを記録する。

申請者とアカウントの関連付け

   private Mono<ResponseEntity<String>> associateUserWithAccount(
      WebClient webClient, Jwt jwt, String accountERC, String email) {

      return webClient.post(
      ).uri(
         "o/headless-admin-user/v1.0/accounts/by-external-reference-code/{externalReferenceCode}/user-accounts/by-email-address/{emailAddress}", accountERC, email
      ).header(
         HttpHeaders.AUTHORIZATION, "Bearer " + jwt.getTokenValue()
      )
      ...
   }

このメソッドは、初期化された WebClient を使用して headless-admin-user エンドポイントへの非同期 POST リクエストを実行し、 accountERCemail 変数を使用してユーザーをアカウントに関連付けます。 最後に、レスポンス・エンティティを返し、HTTPステータスを記録する。

アカウント管理者の役割の割り当て

   private Mono<ResponseEntity<String>> assignAccountRoleToUser(
      WebClient webClient, Jwt jwt, String accountERC, Integer accountRoleId, String email) {

      return webClient.post(
      ).uri(
         "o/headless-admin-user/v1.0/accounts/by-external-reference-code/{externalReferenceCode}/account-roles/{accountRoleId}/user-accounts/by-email-address/{emailAddress}", accountERC, accountRoleId, email
      ).header(
         HttpHeaders.AUTHORIZATION, "Bearer " + jwt.getTokenValue()
      )
      ...
   }

このメソッドは、初期化された WebClient を使用して headless-admin-user エンドポイントへの非同期 POST リクエストを実行し、 accountERC, accountRoleId および email 変数を使用してユーザーにアカウント・ロールを割り当てます。 ロールIDは、 getRoleId メソッドを使用して抽出されます。 最後に、レスポンス・エンティティを返し、HTTPステータスを記録する。

役割IDの取得

   private Mono<Integer> getRoleId(WebClient webClient, Jwt jwt, String accountERC) {
      return webClient.get(
      ).uri(
         uriBuilder -> uriBuilder.path(
            "o/headless-admin-user/v1.0/accounts/by-external-reference-code/{externalReferenceCode}/account-roles"
         ).queryParam(
            "filter", "name eq 'Account Administrator'"
         ).build(
            accountERC
         )
      ).header(
         HttpHeaders.AUTHORIZATION, "Bearer " + jwt.getTokenValue()
      ).retrieve(
      ).bodyToMono(
         String.class
      ).map(
         json -> new JSONObject(
            json
         ).getJSONArray(
            "items"
         ).getJSONObject(
            0
         ).getInt(
            "id"
         )
      );
   }

このメソッドは headless-admin-user エンドポイントに GET リクエストを行い、整数を返します。 URIを構築するとき、リクエストは応答がアカウント管理者ロールだけを含むようにフィルターする。 そして、ロールの idを抽出して返す。

オブジェクトアクションの追加

  1. Distributor Application オブジェクトの編集を開始します。

  2. Actions タブを開き、 Add( Add Button ) をクリックする。

  3. 基本情報タブにこれらの値を入力する:

    項目
    アクションのラベルアカウント設定
    アクション名セットアップアカウント
    説明スタンドアロン、承認されたアプリケーションのビジネスアカウントを作成します。
    有効True

    Set Up Accountアクションを作成します。

    1. アクションビルダー タブに行き、これらの値を設定する:
    項目
    トリガー単体
    操作object-action-executor[function#liferay-course-etc-spring-boot-object-action-1]
    エラーメッセージビジネスアカウントの作成に失敗しました。

    カスタムアクションを選択します。

    1. 保存] をクリックします。

保存すると、Liferayは各アプリケーションのアクションメニューにオプションとしてアクションを追加するので、Distributor Applicationsページから手動でトリガーすることができます。

Liferayは各アプリケーションのアクションメニューにオプションとしてアクションを追加します。

Liferayはまた、スタンドアロンアクションをトリガーするための2つのヘッドレスAPIを生成します。

Liferayはスタンドアロンアクションをトリガーするために2つのヘッドレスAPIを生成します。

最後に、Liferayはどのユーザーがアクションをトリガーできるかをコントロールするパーミッションを追加します。 次に、この権限をビジネス開発マネージャ・ロールに割り当てます。

アカウント設定権限の割り当て

  1. グローバルメニューGlobal Menu)を開き、 [コントロールパネル] タブに移動して、 [ロール] をクリックします。

  2. Business Development Manager 役割を編集します。

  3. Define Permissions タブに行く。

  4. ディストリビューター・アプリケーションを追加: action.setUpAccount permission.

    Set Up Account権限を追加します。

  5. 保存] をクリックします。

ビジネス・マネージャーは、ディストリビューター・アプリケーション・ページから、またはヘッドレスAPIを使用してアクションをトリガーできるようになりました。

アカウント設定アクションのトリガー

  1. ディストリビューター募集のページへ

  2. Actions( Actions Button ) をクリックし、 Set Up Account を選択します。

  3. Accounts アプリケーションを開き、アカウントが作成されたことを確認する。

    アカウントが作成されたことを確認する。

  4. Users タブを開き、申請者がアカウントに関連付けられ、アカウント管理者ロールが割り当てられていることを確認します。

    申請者がアカウントに関連付けられ、アカウント管理者の役割が割り当てられていることを確認する。

まとめ

  これで、Distributor Applicationオブジェクトに必要なビジネスロジックが追加されました。 Liferayのページビルダー機能を使ってユーザーインターフェイスをデザインできるようになりました。

モジュール 3: ユーザーインターフェースのデザイン

関連コンセプト