---
schema_version: "1"
id: 3da7c9beb59ffb2e8b5022e6de42544ffcf9e541fcb0315c0b841a501d66c772
title: アプリケーションからデータベースへの接続
collection: mulesoft
version: current
locale: ja-jp
portal_url: https://docs.salesforce.com/mulesoft/current/ja-jp/anypoint-code-builder/tut-af-integrate-connect-to-a-db.md
canonical_url: https://docs.mulesoft.com/jp/anypoint-code-builder/tut-af-integrate-connect-to-a-db
source_site: docs.mulesoft.com
content_type: documentation
content_hash: 946cce172517bf93e754d2e834f381f89a14f941081790825be873c33d48119d
description: MuleSoft Documentation Site
latest: true
---
# アプリケーションからデータベースへの接続

**進行中のベータリリース**​: **クラウド IDE は進行中のベータリリースです**​。ベータ状態での Anypoint Code Builder の使用には、IDE で入手できる、該当するベータサービス契約条件が適用されます。

データベース用 Anypoint Connector (Database Connector) を使用して、Mule フローから外部データベースに接続します。

## [](#始める前に)始める前に

[American Flights プロセスの統合](https://docs.mulesoft.com/jp/anypoint-code-builder/tut-af-integrate-am-flights)を完了します。

## [](#american-flights-アプリケーションを開く)American Flights アプリケーションを開く

1. Anypoint Code Builder で ​`american-ws-anypoint-code-builder.xml`​ を開きます。
2. 設定 XML から ​`<set-payload>`​ コンポーネントを削除します。
    
    ```xml
    <set-payload value="Flight info" doc:name="Set Response" />
    ```

## [](#データベースドライバー連動関係を追加する)データベースドライバー連動関係を追加する

Database Connector ではさまざまな Java Database Connectivity (JDBC) データベースがサポートされます。

`mySQL`​ ドライバーの連動関係を指定します。

1. Cmd+Shift+e (Mac) または Ctrl+Shift+e (Windows) を押して、​**\[Explorer\]**​ メニューを開きます。
2. `pom.xml`​ ファイルを開きます。
3. `<dependencies/>`​ 要素内で新しい連動関係を追加します。
    
    ```xml
    <dependency>
       <groupId>mysql</groupId>
       <artifactId>mysql-connector-java</artifactId>
       <version>8.0.29</version>
    </dependency>
    ```
    
    ![新しい連動関係が強調表示されている pom.xml](/mulesoft/current/ja-jp/anypoint-code-builder/_images/add-mysql-driver-dependency.png)
4. ポップアップに「​`A build file was modified. Do you want to synchronize the Java classpath/configuration? (ビルドファイルが変更されました。Java クラスパス/設定を同期しますか?)`​」というメッセージが表示されたら、​**\[Yes (はい)\]**​ を選択します。
5. `pom.xml`​ で、​`mule-maven-plugin`​ 内の既存の ​`<configuration/>`​ 要素を新しい共有ライブラリに置き換えます。
    
    ```xml
    <plugin>
        <groupId>org.mule.tools.maven</groupId>
        <artifactId>mule-maven-plugin</artifactId>
        <version>${mule.maven.plugin.version}</version>
        <extensions>true</extensions>
        <configuration>
         <sharedLibraries>
           <sharedLibrary>
             <groupId>mysql</groupId>
             <artifactId>mysql-connector-java</artifactId>
           </sharedLibrary>
         </sharedLibraries>
        </configuration>
    </plugin>
    ```
6. 要求された場合、​**\[Yes (はい)\]**​ を受け入れて Java クラスパスを同期します。
7. [Database Connector 設定を追加](#add-db-config)​に進みます。

## [](#add-db-config)Database Connector 設定を追加

1. Anypoint Code Builder で ​`american-ws-anypoint-code-builder.xml`​ を開きます。
2. 設定 XML でグローバル ​`<db:config/>`​ スニペットを追加します。
    
    1. <flow> 開始タグの前にカーソルを置きます。
    2. Ctrl+Spacebar (Mac) または Cmd+Spacebar (Windows) を押します。
    3. `「mysql」`​と入力して、スニペットを検索します。
    4. スニペット ​`[db:mysql-config]`​ を選択します。
        
        <flow> 開始タグの前のスニペット XML:
        
        ```xml
        <db:config name="Mysql_Database_Config" >
          <db:my-sql-connection host="${mysql.host}" port="${mysql.port}"
              user="${mysql.username}" password="${mysql.password}"
              database="${mysql.database}" />
        </db:config>
        
        <flow name="getFlights" >
        ...
        ```
    5. 次の XML 設定を生成するように ​`<db:config/>`​ 内の属性を編集します。
        
        ```xml
        <db:config name="Database_Config" doc:name="mySQL DB">
            <db:my-sql-connection
              host="mudb.learn.mulesoft.com"
              port="3306"
              user="mule"
              password="mule"
              database="training" />
        </db:config>
        ```
3. 完成した設定 XML を確認します。
    
    ```XML
    <http:listener-config name="inbound-request" doc:name="HTTP Config">
        <http:listener-connection host="0.0.0.0" port="8081" />
    </http:listener-config>
    
    <db:config name="Database_Config" doc:name="mySQL DB">
        <db:my-sql-connection host="mudb.learn.mulesoft.com" port="3306"
            user="mule" password="mule" database="training" />
    </db:config>
    
    <flow name="getFlights">
        <http:listener path="flights" config-ref="inbound-request"
              doc:name="HTTP /flights" />
    </flow>
    ```
    
    <table><tbody><tr><td class="icon"><i class="fa icon-note" title="Note"></i></td><td class="content"><code>getFlights</code>​ フローには、予期されるエラー​<code>「The content of element 'flow' is not complete. (要素「flow」のコンテンツが不完全です。)」</code>​が含まれています。このエラーは、この手順の後半でコネクタを追加するまで存在します。</td></tr></tbody></table>
4. [すべてのフライトを返すクエリを記述する](#write)​に進みます。

## [](#write)すべてのフライトを返すクエリを記述する

1. キャンバスで HTTP Listener コンポーネントの後の ​![](/mulesoft/current/ja-jp/anypoint-code-builder/_images/icon-plus.png)​ (​**\[Add component (コンポーネントを追加)\]**​) アイコンをクリックします。
2. データベース用 Anypoint Connector (Database Connector) の ​**Select**​ 操作を追加します。
    
    **Select**​ を検索するか、​**\[Connectors (コネクタ)\]**​ > ​**\[Database (データベース)\]**​ > ​**\[Select\]**​ から操作に移動します。
3. スニペットで次の設定を指定します。
    
    - キャンバスから
    - 設定 XML から
    
    **\[Select\]**​ 操作をクリックして、その設定パネルを開き、Select の属性を次の値に設定します。
    
    ![設定パネルを使用した Select コネクタの設定。](/mulesoft/current/ja-jp/anypoint-code-builder/_images/tut-int-db-connector-ui.png)
    
    <table><tbody><tr><td><i class="conum" data-value="1"></i><b>1</b></td><td>コネクタ名を ​<code>[Query Flights (フライトを照会)]</code>​ に変更します。</td></tr><tr><td><i class="conum" data-value="2"></i><b>2</b></td><td>コネクタ設定ドロップダウンメニューから ​<code>[Database_Config]</code>​ を選択します。</td></tr><tr><td><i class="conum" data-value="3"></i><b>3</b></td><td><strong>[Query (クエリ)]</strong>​ 属性を ​<code>[Select * FROM american]</code>​ に設定します。</td></tr></tbody></table>
    
    `<db:select/>`​ で、属性を例で指定された値に設定します。
    
    ```XML
    <db:select doc:name="Query Flights" config-ref="Database_Config" >
      <db:sql>
        <![CDATA[Select * FROM american]]>
      </db:sql>
    </db:select>
    ```
    
    `config-ref`​ 属性では ​`<db:config/>`​ のデータベース接続設定をその​`名前`​で参照します。
4. 完成した設定 XML を確認します。
    
    ```XML
    <http:listener-config name="inbound-request" doc:name="HTTP Config">
        <http:listener-connection host="0.0.0.0" port="8081" />
    </http:listener-config>
    
    <db:config name="Database_Config" doc:name="mySQL DB">
        <db:my-sql-connection host="mudb.learn.mulesoft.com" port="3306"
            user="mule" password="mule" database="training" />
    </db:config>
    
    <flow name="getFlights">
        <http:listener path="flights" config-ref="inbound-request" doc:name="HTTP /flights" />
        <db:select doc:name="Query Flights" config-ref="Database_Config" doc:id="qcnfxf" >
            <db:sql>
                <![CDATA[Select * FROM american]]>
            </db:sql>
        </db:select>
    </flow>
    ```
5. [DataWeave を使用したフライトデータの変換](https://docs.mulesoft.com/jp/anypoint-code-builder/tut-af-integrate-use-dataweave)に進み、DataWeave を使用して American Flight API 仕様でデータベース応答の一致の例を作成する方法を確認します。