--- schema_version: "1" id: 0173523b7870c8c3bb891a99b3760355bb06bd1636bca0ecc1543eb9a03575fa title: American Flights プロセスの統合 collection: mulesoft version: current locale: ja-jp portal_url: https://docs.salesforce.com/mulesoft/current/ja-jp/anypoint-code-builder/tut-af-integrate-am-flights.md canonical_url: https://docs.mulesoft.com/jp/anypoint-code-builder/tut-af-integrate-am-flights source_site: docs.mulesoft.com content_type: documentation content_hash: e88bef2a6f5a86f82901bcb1e02fd4f9d21826defb3f35330e2a94b6ba4f00e0 description: MuleSoft Documentation Site latest: true --- # American Flights プロセスの統合 **進行中のベータリリース**​: **クラウド IDE は進行中のベータリリースです**​。ベータ状態での Anypoint Code Builder の使用には、IDE で入手できる、該当するベータサービス契約条件が適用されます。 最初に American Flights の例の基本インテグレーションを作成します。このインテグレーションは、American Flights API からの要求を処理するいくつかのロジックを提供する Mule アプリケーションです。 ## [](#始める前に)始める前に 次の手順を実行します。 - [American Flights API 仕様の設計](https://docs.mulesoft.com/jp/anypoint-code-builder/tut-af-design-am-flights-api) (API 仕様の作成から Exchange への仕様のパブリッシュまでのすべてのタスク) - Postman や Advanced REST クライアントなどの REST クライアントのインストール。 ## [](#mule-アプリケーションを作成する)Mule アプリケーションを作成する American Flights の例のインテグレーションアプリケーションを開始します。 1. IDE のアクティビティバーで、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-ms-logo.png)​ (​**Anypoint Code Builder**​) アイコンをクリックします。 ![VS Code アクティビティバーの MuleSoft アイコン](/mulesoft/current/ja-jp/anypoint-code-builder/_images/acb-mulesoft-in-activity-bar.png) 2. **\[Quick Actions (クイックアクション)\]**​ から ​**\[Develop an Integration (インテグレーションを開発)\]**​ をクリックします。 ![\[Getting started (使用開始)\] セクション内で強調表示されている \[Develop an Integration (インテグレーションを開発)\]リンク](_images/develop-integration-option-mat.png) 3. **\[Develop an Integration (インテグレーションを開発)\]**​ フォームにインテグレーションプロジェクトプロパティを入力します。 ![インテグレーションプロジェクトを最初から作成します。](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-create-integration-scratch.png) 1. **\[Project Name (プロジェクト名)\]**​ で​`「american-ws-anypoint-code-builder」`​と入力します。 2. **\[Project Location (プロジェクトの場所)\]**​ で ​**\[Browse (参照)\]**​ を選択してホームディレクトリを選択します。 3. **\[Create (作成)\]**​ で、​**\[Empty Project (空のプロジェクト)\]**​ を選択します。 4. **Mule Runtime**​ および ​**Java**​ バージョンを選択します。 サポートされている Mule Runtime と Java バージョンのいずれかを選択できます。IDE は、バージョン設定をプロジェクトの ​`mule-artifact.json`​ ファイルに保存します。 バージョンサポートと Mule パッチ自動更新については、​[「Mule と Java バージョンのサポート」](https://docs.mulesoft.com/jp/anypoint-code-builder/acb-release-notes#versions-mule-jdk)​を参照してください。 作成するプロジェクトのデフォルトの Mule Runtime バージョンと Java バージョンを設定するには、[Mule、Java、コネクタのバージョン設定](https://docs.mulesoft.com/jp/anypoint-code-builder/int-versions)を参照してください。 4. **\[Create Project (プロジェクトを作成)\]**​ をクリックします。 IDE では、プロジェクト用に選択した Mule Runtime バージョンまたは Java バージョンをダウンロードする必要がある場合に通知が表示されます。Mule Runtime は ​`${user.home}/AnypointCodeBuilder/runtimes`​ にダウンロードされ、選択した Java バージョンは ​`${user.home}/AnypointCodeBuilder/java`​ にダウンロードされます。 5. [HTTP リスナー操作と Set a Payload の設定](#configure)​に進みます。 ## [](#configure)HTTP リスナー操作と Set a Payload の設定 リスナーの目的はフローをトリガーすることです。Set Payload でインテグレーション用の一部のテストデータを提供します。 1. プロジェクトのキャンバスおよび設定 XML が開いていない場合、\[Explorer\] から ​`american-ws-anypoint-code-builder.xml`​ に移動します。 ![Mule フローと Mule 設定ファイルの視覚表現領域に表示されている american-ws-anypoint-code-builder.xml ファイル](/mulesoft/current/ja-jp/anypoint-code-builder/_images/empty-canvas-state.png)
1キャンバスでは、Mule フローまたはサブフローを視覚的に表現する領域が提供されます。
2設定 XML エディターには、Mule アプリケーションの設定ファイルが表示されます。
2. キャンバスで ​**\[Build a Flow (フローをビルド)\]**​ を選択して、Mule インテグレーションアプリケーション内で空のフローを作成します。 3. キャンバスまたは設定 XML からフローのデフォルト名を変更します。 - キャンバスから - 設定 XML から **\[Flow name1 (フロー 名前 1)\]**​ をクリックして Flow コンポーネントの設定パネルを開き、フロー名を ​`getFlights`​ に変更し、チェックマークをクリックして新しい名前を設定します。 ![キャンバスからフローの名前を変更。](/mulesoft/current/ja-jp/anypoint-code-builder/_images/int-flow-name-ui.png) フローのデフォルトの名前 (​`name1 (名前 1)`​) を ​`getFlights`​ に置き換えます。
自動的に生成されたフロー要素 名前変更されたフロー要素 
<flow name="name1" >

</flow>
 
<flow name="getFlights" >

</flow>
4. HTTP Listener コンポーネントを設定 XML に追加します。 1. キャンバスの ​**Flow**​ コンポーネントの後で ​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-plus.png)​ (​**\[Add component (コンポーネントを追加)\]**​) アイコンをクリックします。 ![フロー内で強調表示されているプラスアイコン](/mulesoft/current/ja-jp/anypoint-code-builder/_images/main-tutorial-add-first-http-listener.png) 2. **\[HTTP\]**​ の検索結果から ​**\[Listener\]**​ を選択します。 ![\[Add Component (コンポーネントを追加)\] セクション内で強調表示されている Listener コンポーネント](_images/main-tutorial-add-first-listener.png) 設定 XML ファイルでは HTTP リスナーの XML が ​``​ 要素に追加されます。次に例を示します。 ```XML ``` 5. 設定 XML で、 開始タグの前にカーソルを置いて​`「http」`​と入力します。 6. 組み込み ​``​ スニペットを選択します。 ![設定 XML メニュー内で強調表示されている http:listener-config](/mulesoft/current/ja-jp/anypoint-code-builder/_images/add-http-config-snippet.png) スニペット XML の例: ```xml ``` メニュー内では、スニペットは ​_2 次元_​ボックスアイコンで表されている部分的に設定された Mule コンポーネントです。3 次元ボックスアイコンは、事前設定されていない基本コンポーネント XML 用に予約されています。コードスニペットについての詳細は、[コードスニペットの操作](https://docs.mulesoft.com/jp/anypoint-code-builder/int-work-with-code-snippets)を参照してください。 7. 設定 XML で、HTTP リスナー設定 ​``​ の属性を設定します。 ```xml ``` ``​ とその子要素 ​``​ で、属性を例で指定された値に設定します。 `[name (名前)]`​ 属性が ​`inbound-request`​ に変更されています。​`doc:id`​ はランダムに生成されます。変更する必要はありません。 8. HTTP リスナー設定の属性を設定します。 - キャンバスから - 設定 XML から **\[Listener\]**​ 操作をクリックして、その設定パネルを開き、HTTP Listener の属性を次の値に設定します。 ![設定パネルを使用した Listener 操作の設定。](/mulesoft/current/ja-jp/anypoint-code-builder/_images/tut-int-listener-component-ui.png)
1操作名を ​HTTP /flights​ に変更します。
2設定参照ドロップダウンメニューから ​[inbound-request]​ を選択します。
3[Path (パス)]​ 属性を ​[flights (フライト)]​ に設定します。
``​ で、属性を例で指定された値に設定します。 ```xml ``` 9. キャンバスから、HTTP Listener 操作の後に Set Payload コンポーネントを追加します。 10. Set Payload コンポーネント属性を設定します。 - キャンバスから - 設定 XML から \[Set Payload\] コンポーネントをクリックして、その設定パネルを開き、属性を次の値に設定します。 ![設定パネルを使用した Set Payload コンポーネントの設定。](/mulesoft/current/ja-jp/anypoint-code-builder/_images/tut-int-set-payload-component-ui.png)
1コンポーネント名を ​Set Response​ に変更します。
2[Value (値)]​ 属性を ​[Flight info (フライト情報)]​ に設定します。
``​ で、属性を例で指定された値に設定します。 ```xml (1) ```
1value​ 属性を​「Flight info」​ (フライト情報) に設定し、​doc:name​ を​「Set Response」​ (応答を設定) に設定します。
11. 設定 XML の ​``​ の前で ​**\[Test Connection (接続をテスト)\]**​ をクリックし、HTTP リスナー接続を確認します。 UI では次の状況が提供されます。 - **Verifying connection inbound-request (接続のインバウンド要求を検証中)**​: テストが進行中であることを示します。 - **Connection is valid (接続は有効)**​: 正常に接続されていることを示します。 - **Invalid Connection Got status code: 500 when trying to resolve a Mule Runtime operation (Mule Runtime 操作を解決しようとしているときに無効な接続で状況コード 500 を取得)**​: 接続エラーを示します。 一般的なコード ​`500`​ エラーは、​`[port 8081: Address already in use (ポート 8081: アドレスはすでに使用中)]`​ です。ポート競合の場合、別のポート (​`8082`​ など) を設定して設定をリセットします。 12. **\[Connection is valid (接続は有効)\]**​ メッセージを受け取ったら、​[デバッグモードでアプリケーションを実行する](#run)​に進みます。 ## [](#run)デバッグモードでアプリケーションを実行する 1. \[Run and Debug (実行とデバッグ)\] パネルを開きます。 手順を表示 - アクティビティバーの ​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-run-debug.png)​ (​**Run and Debug (実行とデバッグ)**​) アイコンをクリックする。 - キーボードショートカットを使用する。 - Mac: Cmd+Shift+d - Windows: Ctrl+Shift+d - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Run (実行)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[View (表示)\]**​ > ​**\[Run (実行)\]**​ を選択する。 2. **\[Debug Mule Application (Mule アプリケーションをデバッグ)\]**​ で ​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-start-debug.png)​ (​**\[Start Debugging (F5) (デバッグを開始 (F5))\]**​) アイコンをクリックします。 ![デバッガーを実行します。](/mulesoft/current/ja-jp/anypoint-code-builder/_images/run-debugger.png) Anypoint Code Builder で Maven を使用してアプリケーションが構築され、埋め込み Mule Runtime Engine にデプロイされます。 **\[Run (実行)\]**​ > ​**\[Start without Debugging (デバッグなしで実行)\]**​ を使用すると、エラーが発生します。 3. IDE から、コンソールのターミナルウィンドウを開きます。 - デスクトップ IDE で、​**\[View (表示)\]**​ > ​**\[Terminal (ターミナル)\]**​ を選択する。 - クラウド IDE で、​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-menu.png)​ (メニュー) アイコンをクリックし、​**\[Terminal (ターミナル)\]**​ > ​**\[New Terminal (新規ターミナル)\]**​ を選択する。 - いずれかの IDE で、Ctrl キーを押してからバッククォートキー (\`) を押す。 ```terminal ******************************************************************************* * - - + APPLICATION + - - * - - + DOMAIN + - - * - - + STATUS + - - * ******************************************************************************* * american-ws-anypoint-code-builder-1.0.0-SNAPS * default * DEPLOYED * ******************************************************************************* ``` 4. [アプリケーションをテストする](#test)​に進みます。 ## [](#test)アプリケーションをテストする IDE のターミナルを使用してフローをトリガーします。 1. `/flights`​ エンドポイントへの URL を使用してターミナルから ​`curl`​ コマンドを実行し、フローをトリガーします。 ```URI curl http://0.0.0.0:8081/flights ``` 詳細は、​[「フローをトリガーする」](https://docs.mulesoft.com/jp/anypoint-code-builder/int-trigger-flows#trigger-flow)​を参照してください。 2. REST クライアントまたはブラウザーで応答 ​**\[Flight info (フライト情報)\]**​ がないかを確認します。 この応答を受け取っていない場合、または接続エラーを受け取った場合、XML 設定を見直して、アプリケーションがデプロイされていることを確認し、HTTP リスナー接続を再確認します。 3. **\[Flight info (フライト情報)\]**​ 応答を受け取ったら、​[アプリケーションを停止する](#stop)​に進みます。 ## [](#stop)アプリケーションを停止する 1. Anypoint Code Builder のツールバーから停止アイコンを選択します。 ![ツールバー内で強調表示されている停止アイコン](/mulesoft/current/ja-jp/anypoint-code-builder/_images/stop-mule-application.png) 2. [アプリケーションからデータベースへの接続](https://docs.mulesoft.com/jp/anypoint-code-builder/tut-af-integrate-connect-to-a-db)に進み、Exchange からコネクタをインポートして、American Flights API のフライトに関するデータを返す既存のデータベースに接続します。