別々のdocker-compose.yml で作成された DockerコンテナをNetwork接続する方法

docker network create insta_word_cloud_app_network

docker network ls     

## [ 実行結果 ] ##                            
NETWORK ID     NAME                           DRIVER    SCOPE
6905ce02f3e1   bridge                         bridge    local
7d0ac1503226   docker-practice-network        bridge    local
7d2a0edfd235   flask-api_default              bridge    local
a99e9af11f39   host                           host      local
026def818f56   insta_word_cloud_app_default   bridge    local
83e651bc9f6c   insta_word_cloud_app_network   bridge    local

# versionは、3系
version: '3'
# Serviceを設定する
services:
  # Service名は、自由に決めていい
  frontend:
    # DockerfileまでのPath
    build: .
    # 環境変数を定義する
    environment:
      # Node.jsのグローバル変数: 開発用途なのでdevelopmentを指定
      - NODE_ENV=development
    # ホストマシン:コンテナ => ファイルを共有するための設定
    volumes:
      - ./:/usr/src/app
    # Dockerコンテナ内で実行されるコマンドを指定する
    command: sh -c 'cd frontend && yarn start'
    # ホストマシンPort番号:コンテナのPost番号
    ports:
      - 8001:3000
    # CLI画面の操作をできるようにする
    tty: true
    # Containerが接続するNetworkを定義
    networks:
        # Default_Network
        - default
        # ユーザー定義の独自_Network
        - insta_word_cloud_app_network
# servicesと同じ階層(レベル)で、networks という項目を設定
# Docker Compose環境が接続するNetworkを追加する
networks:
  insta_word_cloud_app_network:
    # Networkの名前
    name: insta_word_cloud_app_network
    # external: true はdocker-composeで管理されていない外部のネットワークという意味
    external: true

version: "3"
services:
  # Service名は、flask
  backend-app:
    # DockerfileまでのPath
    build: .
    # ports => HostPort: CotainerPort の形で、Portを公開している。
    ports:
      - "5001:5000"
    # コンテナに名前をつける
    container_name: flask_api
    # Hostマシンの ./app を Container の /usr/src/app にマウントしています。
    volumes:
      - ./app:/usr/src/app
      - /app/__pycache__
    # 環境変数で、Flaskを開発用サーバーとして指定する => 開発用-Serverには、Hot-Reload機能がある！
    # Flask の開発用サーバーには、ファイルの変更を検知して自動的にアプリケーションを再起動する機能があります。
    environment:
      FLASK_APP: app.py
      FLASK_ENV: development
    # Flaskを実行するコマンド
    command: flask run --host=0.0.0.0
    # Containerが接続するNetworkを定義
    networks:
      - default
      # ユーザー定義の独自_Network
      - insta_word_cloud_app_network
# servicesと同じ階層(レベル)で、networks という項目を設定
# Docker Compose環境が接続するNetworkを追加する
networks:
  insta_word_cloud_app_network:
    name: insta_word_cloud_app_network
    # external: true はdocker-composeで管理されていない外部のネットワークという意味
    external: true

docker-compose up -d

docker network inspect insta_word_cloud_app_network

## [ 実行結果 ] ## 
[
    {
        "Name": "insta_word_cloud_app_network",
        "Id": "83e651bc9f6cdcbc7e0158dea081f62fd6fe95c07f6d051dd3860b41df3004fc",
        "Created": "2023-05-07T09:53:08.519710555Z",
        "Scope": "local",
        "Driver": "bridge",
        "EnableIPv6": false,
        "IPAM": {
            "Driver": "default",
            "Options": {},
            "Config": [
                {
                    "Subnet": "172.31.0.0/16",
                    "Gateway": "172.31.0.1"
                }
            ]
        },
        "Internal": false,
        "Attachable": false,
        "Ingress": false,
        "ConfigFrom": {
            "Network": ""
        },
        "ConfigOnly": false,
        "Containers": {
            "1353d6af732b88cb510c515ed8b9ed2f1eabbe494730ba1ee5fb7b255acdfce8": {
                "Name": "flask_api",
                "EndpointID": "417d0a98e24eb0d8888b2f050429519bf2b6514bab134637d2268badb3d59218",
                "MacAddress": "02:42:ac:1f:00:02",
                "IPv4Address": "172.31.0.2/16",
                "IPv6Address": ""
            },
            "18e6b6ddbd91813f524fc48506b7c32cd0482c4488970042f999ec246f9e70b0": {
                "Name": "insta_word_cloud_app-frontend-1",
                "EndpointID": "5dabe23ec71c126ac244f30ee994fa33796c64d0793b2103d4bbe066c0c95f0a",
                "MacAddress": "02:42:ac:1f:00:03",
                "IPv4Address": "172.31.0.3/16",
                "IPv6Address": ""
            }
        },
        "Options": {},
        "Labels": {}
    }
]