--- schema_version: "1" id: ee3d73877a42da55d56b0aa1058deb50f7815f30eea2d91e731137832d41b3c5 title: "チュートリアル: 「Hello World」Mule アプリケーションの作成" collection: mulesoft version: current locale: ja-jp portal_url: https://docs.salesforce.com/mulesoft/current/ja-jp/mule-runtime/4.6/mule-app-dev-hellomule.md canonical_url: https://docs.mulesoft.com/jp/mule-runtime/4.6/mule-app-dev-hellomule source_site: docs.mulesoft.com content_type: documentation content_hash: c7cfa96ecf286e14f45786a982338ae149f9b6ffc818739aeb697f6dd69acec3 description: MuleSoft Documentation Site release: "4.6" latest: false --- # チュートリアル: 「Hello World」Mule アプリケーションの作成 このチュートリアルでは、Web ブラウザーから送信された要求に対して「Hello Mule」というメッセージを返す例を使用して、Mule アプリケーションがどのようにやり取りするのかをシンプルな HTTP 要求-返信フローで実際に示します。 この例は非常にシンプルです。より複雑なアプリケーションでは、外部サーバー (SAP、Salesforce、データベース、FTP サーバーなど) への接続、Mule プロジェクト内での API 仕様の直接インポートと実装、セキュリティのセットアップ、データの処理や変換などをプログラムで行うことができます。これらの作業の説明は、この例のスコープを超えています。 ![Hello Mule](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule.png) Figure 1. Anypoint Studio での hellomule このアプリケーションは、Anypoint Studio でプロジェクトとしてセットアップして実行します。 ## [](#前提条件)前提条件 - [Anypoint Studio 7](https://docs.mulesoft.com/studio/to-download-and-install-studio) - [「Anypoint Studio」](https://docs.mulesoft.com/studio/)​に説明されている Anypoint Studio UI (パレット、キャンバス、フロー) の操作に関する知識 Anypoint Studio をインストールしたら、例をセットアップして実行できます。 ## [](#例のしくみ)例のしくみ Hello Mule の例は、1 つのシンプルな Mule フローで構成されています。このフローは、HTTP 要求を受け入れ、メッセージに対して静的ペイロードを設定して、応答を返します。 インバウンド HTTP エンドポイントは、Web サービスに対して送信された要求を受け取ります。 メッセージ交換パターンは要求-応答であるため、HTTP エンドポイントはメッセージの受信と返信を管理します。 Set Payload コンポーネントは、その名前が示すようにメッセージペイロードに値を設定します。この例では、値として DataWeave 式を使用して静的文字列をペイロードに対して設定します。 ## [](#例をセットアップする)例をセットアップする 以下の手順に従って、自分の Anypoint Studio インスタンスで例を作成してください。Anypoint Studio でテンプレートアプリケーションを作成し、ユースケースに基づいたテンプレートの設定を調整することで、Mule でカスタムアプリケーションを作成することができます。 1. Anypoint Studio で ​`hellomule`​ という名前のプロジェクトを作成します。 1. **\[File (ファイル)\]**​ > ​**\[New (新規)\]**​ > ​**\[Mule Project (Mule プロジェクト)\]**​ を選択し、表示されたダイアログの ​**\[Project Name (プロジェクト名)\]**​ に「hellomule」と入力します。 ![Hello Mule](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-create-project.png) プロジェクト名には、空白スペースを含めません。 2. **\[Finish (完了)\]**​ をクリックします。 2. HTTP Listener コンポーネントを ​**hellomule**​ のキャンバスにドラッグします。 1. プロジェクトの ​**\[Mule Palette (Mule パレット)\]**​ タブで ​**\[HTTP\]**​ をクリックします。 ![Mule パレットの HTTP Connector](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-empty-canvas.png) 2. **Listener**​ コンポーネントを ​**hellomuleFlow**​ キャンバスにドラッグします。 ![HTTP リスナー設定](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-listener-config.png) **\[Listener\]**​ タブの設定 UI が開いていない場合は、キャンバスの ​**Listener**​ コンポーネントをクリックして開きます。 タブ内に赤いボックスが表示されていますが、これは ​**\[Connector configuration (設定)\]**​ と ​**\[Path (パス)\]**​ の項目に値が必要であるためです。 3. **\[Listener\]**​ タブで ​**Listener**​ コンポーネントを設定します。 ![HTTP リスナー設定](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-listener-path.png) 1. リスナーの ​**\[Path (パス)\]**​ 項目にパス ​`/hellomule`​ を入力します。 2. リスナーの ​**\[Connector configuration (設定)\]**​ 項目の下にある緑色のプラスアイコン (​**+**​) をクリックして、​**\[HTTP Listener config (HTTP Listener 設定)\]**​ ダイアログを開きます。 3. ダイアログで ​**\[Test Connection (接続をテスト)\]**​ をクリックして、デフォルトのリスナー設定を確認します。 ![リスナー接続のテスト、90%](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-test-connection.png) - 接続に成功すると、​**\[Test connection (接続をテスト)\]**​ ダイアログが開いて「Test connection successful! (テスト正続に成功しました)」と表示されます。 - 接続に失敗した場合は、使用していないポート番号 (​`8082`​ や ​`8083`​ など) を使用して接続を再テストしてから、設定を追加してください。 4. **\[OK\]**​ をクリックして、有効な設定をプロジェクトに追加します。 4. **\[Mule Palette (Mule パレット)\]**​ タブで ​**\[Core (コア)\]**​ をクリックし、​**Set Payload**​ コンポーネントを見つけてキャンバスの ​**\[Process (プロセス)\]**​ エリアにドラッグします。 ![Set Payload の設定](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-payload-config.png) - **Set Payload**​ コンポーネントが見つからない場合は、​**\[Mule Palette (Mule パレット)\]**​ タブの一番上にある検索項目を試してください。 - **\[Set Payload\]**​ タブの設定 UI が開いていない場合は、​**Set Payload**​ コンポーネントをクリックして設定 UI を開いてください。 5. **Set Payload**​ コンポーネントの ​**\[Value (値)\]**​ 項目で ​**\[fx\]**​ 項目を​_選択解除して_​、文字列 ​`"Hello Mule!"`​ を入力します。 **\[fx\]**​ の選択を解除すると、項目のコンテンツは文字列 ​`"Hello Mule"`​ のみとなり、ハッシュ (​`#`​) や角括弧 (​`[]`​) は​_含まれません_​。 6. **\[Mule Palette (Mule パレット)\]**​ タブで ​**\[Core (コア)\]**​ をクリックし、​**Logger**​ コンポーネントを探して Transform Message コンポーネントの右側にドラッグします。 ![Hello Mule のロガー](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-logger.png) - **Logger**​ コンポーネントが見つからない場合は、​**\[Mule Palette (Mule パレット)\]**​ タブの一番上にある検索項目を試してください。 - **\[Logger\]**​ タブの設定 UI が開いていない場合は、キャンバスの ​**Logger**​ コンポーネントをクリックして開きます。 7. ロガーの ​**\[Message (メッセージ)\]**​ 項目で、​**\[fx\]**​ ボタンをクリックして、要求パスを Anypoint Studio コンソールに出力するために次の DataWeave 式を追加します。 `attributes.requestPath` 8. Anypoint Studio で ​**\[File (ファイル)\]**​ > ​**\[Save (保存)\]**​ を選択してプロジェクトを保存します。 9. [Hello Mule の例を実行してテストする](#run_example)​に進みます。 ## [](#run_example)Hello Mule の例を実行してテストする Anypoint Studio で Hello Mule をセットアップしたら、実行してテストします。 1. Anypoint Studio キャンバスを右クリックし、​**\[Run project hellomule (hellomule プロジェクトを実行)\]**​ を選択して ​**hellomule**​ アプリケーションを実行します。 ![Hello Mule の実行](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-run.png) または、Anypoint Studio の一番上にある 「Run (実行)」 ボタン (​![「Run (実行)」 ボタン](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-run-button.png)) をクリックして、表示されたドロップダウンメニューから ​**hellomule**​ を選択することもできます。 どちらの操作を実行した場合もビルドプロセスが開始され、Anypoint Studio コンソールが開いて、2 フェーズのビルドおよびデプロイメントプロセスに関する重要なログ情報が表示されます。 最後が次のようになっているメッセージが Anypoint Studio コンソールに表示されれば、プロジェクトは実行中です。 ```txt ********************************************************** * - - + DOMAIN + - - * - - + STATUS + - - * ********************************************************** * default * DEPLOYED * ********************************************************** ******************************************************************************* * - - + APPLICATION + - - * - - + DOMAIN + - - * - - + STATUS + - - * ******************************************************************************* * hellomule * default * DEPLOYED * ******************************************************************************* ``` `DEPLOYED`​ 通知ではなく失敗通知 (​`FAILED`​) が表示された場合は、エラーメッセージを確認してください。次のようなメッセージが表示された場合は、HTTP Listener の設定で別の HTTP ポートを指定してください。 ```txt Could not create server: A server in port(8081) already exists for host(0.0.0.0) or one overlapping it (0.0.0.0).` ``` その後、プロジェクトを保存して再実行します。エラーが繰り返される場合は、ホストを ​`localhost`​ に変更してみてください。 2. アプリケーションが実行されたら、ブラウザーウィンドウを開き、リスナーへの URL を入力してアプリケーションをトリガーします。 ![Hello Mule のトリガー](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-browser-response.png) HTTP Listener で設定されているのと同じホストとポート (例: `http://0.0.0.0:8081/hellomule`​) を使用する必要があります。 3. ブラウザーに ​`Hello Mule!`​ のメッセージが表示されることを確認します。 4. Anypoint Studio の ​**\[Console (コンソール)\]**​ タブに表示されるメッセージで、最初の ​`INFO`​ 行の​_最後_​に要求のパス (​`/hellomule`​) が付加されていることを確認します (​`org.mule.runtime.core.internal.processor.LoggerMessageProcessor: /hellomule`​)。 ![Hello Mule コンソール](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-console.png) ## [](#hello-mule-の例の設定-xml)Hello Mule の例の設定 XML 次の XML は、例で使用したフローと HTTP Listener の設定を示しています。スペースを節約するため、必要のない ​`doc:id`​ 属性は省略してあります。 Anypoint Studio からの XML 設定 ```XML ``` キャンバスの下にある ​**\[XML Configuration (XML 設定)\]**​ タブは、XML の編集ページを提供します。 ![Hello Mule の XML 設定](/mulesoft/current/ja-jp/mule-runtime/4.6/_images/mruntime-hellomule-xml.png) ## [](#関連情報)関連情報 - [チュートリアル: Database Connector と DataWeave を使用する Mule アプリケーションの作成](https://docs.mulesoft.com/jp/mule-runtime/4.6/mule-app-tutorial) - [DataWeave クイックスタート](https://docs.mulesoft.com/dataweave/latest/dataweave-quickstart)