同じタスク定義にある二つのコンテナ間でソケット通信をする方法

Question

現在、ECSにファーゲートタイプでアプリをデプロイしております。そしてECSの同じタスク定義に２つのコンテナ(フロントとバックエンド)を置いておリます。

フロントには問題なく繋がるのですが、バックエンドにリクエストを送る何かアクションをすると

http://127.0.0.1:3000/api/v1/hogehoge net::ERR_CONNECTION_REFUSED

とgoogle chromeコンソールに出てしまいます。

フロントとバックエンドをつなげることが出来ればlocalhostにはこだわらないです。何かヒントをいただければ幸いです。他に必要な情報ありましたら追記いたします。

自分で気になっている点
・ロードバランサーを使っているから？
・ファーゲートタイプで、ネットワークがawsvpcになってるからそれが関係してる？

Answer 1

以下react+rails+nginxという環境での例です。

1.基本、これ通りに進める
https://qiita.com/maru401/items/8e7d32a8baded045adb2

2.これプラス、nginxの設定を以下のような感じで設定。(ロードバランサーを使っていること前提)

upstream app {
  server unix:///app/tmp/sockets/puma.sock;
}

server {
  listen 80;

  server_name .*;

  location / {
    root   /var/www;
    index index.html index.htm;
    try_files $uri /index.html;
  }

  error_page   500 502 503 504  /50x.html;
  location = /50x.html {
      root   /usr/share/nginx/html;
  }

  location /api/v1 {
    root /app/public;
    try_files $uri @app;
  }
  location @app {
    root /app/public;
    proxy_pass http://app;

    #ロードバランサーを使っているときに必要なヘッダーらしい
    add_header Access-Control-Allow-Origin 〇〇;
    add_header Access-Control-Allow-Methods "POST, GET, HEAD, PUT, DELETE, PATCH, OPTIONS";
    add_header Access-Control-Allow-Headers "Origin, Authorization, Accept";
    add_header Access-Control-Allow-Credentials true;
    proxy_http_version 1.1;
    proxy_set_header Upgrade websocket;
    proxy_set_header Connection Upgrade;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

  }
}

3.railsのホストにapp(upstream 〇〇の〇〇部分　)を追加

Rails.application.configure do
 
  config.hosts << 
end