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

OSGiとモジュール性

モジュール性があることで、特にチームとしてソフトウェアを作成することが楽しくなります。 Liferayでのモジュール開発の利点は次のとおりです。

  • Liferayのランタイムフレームワークは、軽量、高速、安全です。
  • このフレームワークは OSGi 規格を使用します。 他のプロジェクトでOSGiを使用した経験がある場合は、既存の知識を生かすことができます。
  • モジュールは、サービスレジストリにサービスを公開し、サービスレジストリからサービスを利用します。 サービス契約はサービス・プロバイダーとコンシューマから疎結合されており、レジストリが契約を自動的に管理します。
  • モジュールの依存関係は、コンテナによって自動的に、かつ動的に管理されます(再起動は必要ありません)。
  • コンテナはモジュールのライフサイクルを動的に管理します。 Liferayの実行中にモジュールのインストール、開始、更新、停止、およびアンインストールができるため、デプロイメントを簡単に行うことができます。
  • パッケージが明示的にエクスポートされているモジュールのクラスのみが公開されます。 OSGiは、デフォルトで他のすべてのクラスを非表示にします。
  • モジュールとパッケージはセマンティックにバージョン管理され、他のパッケージの特定のバージョンへの依存関係を宣言します。 これにより、同じパッケージの異なるバージョンに依存する2つのアプリケーションが、それぞれ独自のバージョンのパッケージに依存することができます。
  • チームメンバーは、モジュールを並行して開発、テスト、および改善できます。
  • 既存の開発者ツールと環境を使用してモジュールを開発できます。

OSGiによるモジュール型ソフトウェア開発には多くのメリットがありますが、ここではその一部をご紹介します。 一度モジュール開発を始めると、他の方法での開発には戻れなくなるかもしれません。

Liferayでは、一般的に3種類のモジュールを使用します。

  1. API モジュールはインターフェイスを定義します。

  2. 実装 モジュールは、インターフェイスを実装する具象クラスを提供します。

  3. クライアント モジュールはAPIを消費します。

Gogo シェルでユーザーが名前を入力したときにあいさつ文を表示する簡単なコマンドを開発することで、それぞれを作成する方法を学習します。

ユーザーに挨拶をするGogoシェルコマンド。

モジュールプロジェクトがどのように見えるかを確認し、Liferayのモジュール開発機能が実際に動作しているのを見てみましょう。

Gogo シェルコマンドの例をデプロイする

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

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

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

次に、次の手順に従ってサンプルをデプロイします。

  1. liferay-r9u2.zip をダウンロードして解凍します。

    curl https://resources.learn.liferay.com/dxp/latest/en/liferay-internals/architecture/liferay-r9u2.zip -O
    
    unzip liferay-r9u2.zip
    
  2. サンプルモジュールをデプロイします。

    cd liferay-r9u2.zip
    
    ./gradlew deploy -Ddeploy.docker.container.id=$(docker ps -lq)
    
  3. Dockerコンテナコンソールでデプロイを確認します。

    STARTED com.acme.r9u2.api_1.0.0
    STARTED com.acme.r9u2.impl_1.0.0
    STARTED com.acme.r9u2.osgi.commands_1.0.0
    
  4. Gogo シェルを開きます。

  5. Gogo シェルコマンドフィールドに、r9u2:greetコマンドを入力して、あいさつ文を生成します。

    r9u2:greet "Captain Kirk"
    
  6. 出力を確認します。

    Hello Captain Kirk!
    

この例のクライアントモジュールは、APIおよび実装モジュールを利用して、r9u2:greet Gogo シェルコマンドから返されるコンテンツを生成します。 次に、各モジュールを調べます。

API

APIモジュールが最初です。 これは、プロバイダーが実装し、コンシューマが使用する契約を定義します。 その構造は次のとおりです。

[project root]
 └── r9u2-api
 │   ├── bnd.bnd
 │   ├── build.gradle
 │   └── src
 │       └── main
 │           └── java
 │               └── com/acme/r9u2
 │                   └── Greeter.java
 │
 └── [Gradle files]

r9u2-apiモジュールフォルダには、bnd.bndメタデータファイル、 build.gradle スクリプト、およびJavaコードが含まれています。

非常にシンプルです。 Javaソースファイル以外には、Gradleビルドスクリプト(任意のビルドシステムを使用できます)とbnd.bndという構成ファイルの2つのファイルしかありません。 bnd.bndファイルは、モジュールの説明と設定を行います。

Bundle-Name: Acme R9U2 API
Bundle-SymbolicName: com.acme.r9u2.api
Bundle-Version: 1.0.0
Export-Package: com.acme.r9u2

The build.gradle file specifies the module’s dependencies.

dependencies {
	compileOnly group: "com.liferay.portal", name: "release.portal.api"
}

これは、LiferayリリースのAPI JARという1つのアーティファクトに依存しています。 これは、Liferay製品のリリースに関連するLiferay、Bnd、OSGiのアーティファクトを詰め込んだ大きなJARです。

モジュールの名前は Acme R9U2 API です。 そのシンボリック名(一意性を確保するための名前)は com.acme.r9u2.api です。 次にそのセマンティックバージョンが宣言され、そのパッケージが エクスポート されます。つまり、他のモジュールで使用できるようになります。 このモジュールのパッケージは、他のモジュールが実装できるAPIに過ぎません。

最後に、Javaクラスがあります。この場合はインターフェイスです。

@ProviderType
public interface Greeter {

	public void greet(String name);

}

インターフェイスの@ProviderTypeアノテーションは、インターフェイスを実装しているものがプロバイダーであることをサービスレジストリに通知します。 インターフェイスの1つのメソッドはStringを要求し、何も返しません。

これで完了です。 ご覧のとおり、モジュールの作成は他のJavaプロジェクトの作成と大差ありません。

実装

インターフェイスはAPIを定義しているだけです。何かをするためには、それを実装する必要があります。 これが、実装(またはプロバイダー)モジュールの目的です。 Greeter APIの実装モジュールは次のようになります。

[project root]
 └── r9u2-impl
 │   ├── bnd.bnd
 │   ├── build.gradle
 │   └── src
 │       └── main
 │           └── java
 │               └── com/acme/r9u2/internal
 │                   └── R9U2Greeter.java
 │
 └── [Gradle files]

APIモジュールと同じ構造、つまりビルドスクリプト、bnd.bnd構成ファイル、および実装クラスがあります。 唯一の違いはファイルのコンテンツです。 bnd.bndファイルが少し異なります。

Bundle-Name: Acme R9U2 Implementation
Bundle-SymbolicName: com.acme.r9u2.impl
Bundle-Version: 1.0.0

バンドル名、シンボル名、バージョンはすべて API と同様に設定される。

最後に、Export-Package宣言はない。クライアント(これはプロジェクトの3番目のモジュールである)はAPIを使いたいだけである。APIが返すべきものを返す限り、その実装がどのように動作するかは気にしない。クライアントはAPIへの依存を宣言するだけでよく、サービスレジストリは実行時に適切な実装を注入する。

なかなかクールだろう?

あとは、実装を提供するクラスだけだ:

@Component(service = Greeter.class)
public class R9U2Greeter implements Greeter {

	@Override
	public void greet(String name) {
		System.out.println("Hello " + name + "!");
	}

}

greetメソッドの例では、指定された名前を使用して熱烈な挨拶文を出力します。

実装モジュールのbuild.gradleファイルは以下のとおりです。

dependencies {
	compileOnly group: "com.liferay.portal", name: "release.portal.api"
	compileOnly project(":r9u2-api")
}

このファイルには、モジュールのGreeterクラスが必要なため、r9u2-apiモジュールプロジェクトへのコンパイル時の依存関係が含まれています。

実装モジュールについてはこれですべてです。

クライアント

コンシューマまたはクライアントは、APIモジュールが定義し実装モジュールが実装するAPIを使用します。 Liferayにはさまざまな種類のコンシューマモジュールがあります。 ポートレットは最も一般的なコンシューマモジュールタイプですが、それ自体がトピックであるため、この例ではApache Felix Gogoシェルのコマンドを作成することでシンプルなままにしています。 もちろん、コンシューマはさまざまなAPIを利用して機能を提供することができます。

コンシューマモジュールは、他のモジュールタイプと同じ構造を持っています。

[project root]
 └── r9u2-osgi-commands
 │   ├── bnd.bnd
 │   ├── build.gradle
 │   └── src
 │       └── main
 │           └── java
 │               └── com/acme/r9u2/internal/osgi/commands
 │                   └── R9U2OSGiCommands.java
 │
 └── [Gradle files]

ここでも、ビルドスクリプト、bnd.bndファイル、およびJavaクラスがあります。 このモジュールのbnd.bndファイルは、プロバイダーのものとほとんど同じです。

Bundle-Name: Acme R9U2 OSGi Commands
Bundle-SymbolicName: com.acme.r9u2.osgi.commands
Bundle-Version: 1.0.0

プロバイダーで宣言したことと同じことを宣言するのだ。

クライアントモジュールはAPIモジュールと release.portal.api アーティファクトに依存する。以下は r9u2-osgi-commands モジュールの build.gradle ファイルである:

dependencies {
	compileOnly group: "com.liferay.portal", name: "release.portal.api"
	compileOnly project(":r9u2-api")
}

Javaクラスでは、もう少し続きがあります。

@Component(
	property = {"osgi.command.function=greet", "osgi.command.scope=r9u2"},
	service = R9U2OSGiCommands.class
)
public class R9U2OSGiCommands {

	public void greet(String name) {
		_greeter.greet(name);
	}

	@Reference
	private Greeter _greeter;

}

上記のメソッドは、Greetergreetメソッドを呼び出します。 com.acme.r9u2.Greeterは、実装モジュールが登録するOSGiサービスタイプです。 レジストリからGreeterサービスを取得するには、Greeterフィールド_greeter@Reference アノテーションを追加する必要があります。

R9U2OSGiCommandsクラスは、独自のタイプのOSGiサービスを提供します。 2つのプロパティは、r9u2というスコープでgreet というコマンド関数を使用してGogoシェルコマンドを定義します。 デプロイされたR9U2OSGiCommandsコンポーネントは、Stringを入力として受け取るGogo シェルコマンドr9u2:greetを提供します。

この最も基本的な例を見れば、モジュールベースの開発が簡単で分かりやすいことがわかるでしょう。 API-Provider-Consumer契約によって疎結合が促進され、ソフトウェアの管理、拡張、およびサポートが容易になります。

典型的なLiferayアプリケーション

Liferayのソースから典型的なアプリケーションを見てみると、通常は少なくとも4つのモジュールがあります。

  • APIモジュール
  • サービス(プロバイダー)モジュール
  • テストモジュール
  • Web(コンシューマ)モジュール

これは、ユーザーがコメント、ブログ、または他のアプリケーションで@usernameの命名法を使用して他のユーザーに言及できるようにする、Mentionsアプリケーションなど、一部の小さなアプリケーションで見られるものとまったく同じです。 ドキュメントとメディアライブラリなどの大規模なアプリケーションには、さらに多くのモジュールがあります。 ドキュメントとメディアライブラリの場合、ドキュメントストレージバックエンドごとに個別のモジュールがあります。 Wikiの場合、Wikiエンジンごとに個別のモジュールがあります。

モジュールとして機能のバリエーションをカプセル化すると、拡張性が向上します。 Liferayがまだサポートしていないドキュメントストレージバックエンドがある場合は、モジュールを開発することでLiferayのドキュメントストレージAPIをソリューション用に実装し、Liferayのドキュメントとメディアライブラリを拡張できます。 Liferayのwikiが提供する言語よりも気に入ったWiki言語がある場合は、そのモジュールを作成してLiferayのwikiを拡張できます。

  開発を始める準備はできましたか。 さらに学習するためのリソースのいくつかを以下に紹介します。

関連トピック