前提
現在AWSを使用してバックエンド側とフロントエンド側に分けて開発したポートフォリオをデプロイしようとしています。デプロイはこちらの記事を参考にしました
。作業自体は終わってフロントエンド側の表示も上手く表示されているのですが、rails側のコンテナとaxiosを利用した通信を行うことができません。
参考にしたサイトの通りに作ったのでこのような構造になっています。EC2(webサーバ)の部分でdocker-compose upをしています。
(注意事項)＊Railsを本番環境で起動すると500エラーが出てしまうため、今回はdevelopment開発でデプロイする方針を取っています。（デバッグの時間がないため）
発生している問題・エラーメッセージ（ドメインは伏せさせていただきます。）
j
xhr.js:220 GET https://（ドメイン）:3001/api/v1/auth/sessions net::ERR_CONNECTION_REFUSED
Reactのaxios通信をする部分の一部
tsx
export const FetchUser = (userId: any) => { return axios.get(`https://(ドメイン):3001/api/v1/users/${userId}`) .then(res => { return res.data }) .catch((e) => console.error(e))}
docker-compose.yml
yml
version: "3" services: # db: # image: mysql:8.0 # environment: # MYSQL_ROOT_PASSWORD: password # command: --default-authentication-plugin=mysql_native_password # volumes: # - mysql-data:/var/lib/mysql # - /tmp/dockerdir:/etc/mysql/conf.d/ # ports: # - "3306:3306" # cap_add: # - SYS_NICE api: build: context: ./backend/ dockerfile: Dockerfile # command: bash -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000" command: bash -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'" volumes: - ./backend:/myapp - ./backend/vendor/bundle:/myapp/vendor/bundle environment: TZ: Asia/Tokyo RAILS_ENV: development ports: - "3001:3000" # depends_on: # - db stdin_open: true tty: true env_file: - .env front: build: context: ./frontend/ dockerfile: Dockerfile volumes: - ./frontend/app:/usr/src/app command: sh -c "yarn && yarn start" ports: - "80:3000" # - "4000:3000" environment: - WDS_SOCKET_PORT=0 # volumes:# # mysql-data:
試したことや考察など
1 踏み台サーバからアクセスできるか
踏み台サーバから接続確認をしてみました
j
[ec2-user@ip-(伏せさせていただきます。) ~]$ curl （伏せさせていただきます。）:3001/api/v1/users []
これは登録しているuserを全て返すというindexアクションです。そのため、[]が返って来るのは正常な動作です。ですが、なぜか実際のURLから試すとエラーが発生してしまいます。
2 セキュリティーグループの設定に3001を設定
設定したものの、エラーは変わらず。
3 同一ec2(webサーバ)に向けてaxiosを設定
もしかすると、そのアプリケーションが動いているec2のIPアドレスでないと反応しないのではないかと考えて、axiosの通信先を以下のように設定してみました
j
baseURL: "https://(伏せさせていただきます。):3001/api/v1
ですが、同じようにエラーになってしまいます。
ロードバランサーのパブリックIPアドレス EC2（踏み台サーバ）のIPアドレスからアクセスできるか
１ EC2のグローバルIP(踏み台サーバのもの):3001
＊EC2のwebサーバはプライベートIPアドレスしか持っていないのでチェックしませんでした。
こちらを検索バーに入れて検索してみましたが、
j
このサイトにアクセスできません （一応伏せさせていただきます。）で接続が拒否されました。
となってしまいました。
２ ロードバランサーのグローバルIP:3001
j
このサイトにアクセスできません(同上)で接続が拒否されました。
＊一応フロントエンド側にはアクセスできました
このようにどちらもアクセスできませんでした。
考察など
・1のように踏み台サーバにssh接続してアクセスは可能だが、検索バーに「EC2のグローバルIP(踏み台サーバのもの):3001」このような形で入力して検索するとアクセスできないのはなぜか分からない
・もしかすると、何かAWS側での設定ミスがあるかもしれません（しかし、コンテナは両者正常に起動しているし、フロントエンド側にはドメインからアクセス可能）
・まず、そもそもこの構成でaxiosによるコンテナ間の通信は可能なのか
・参考にしたサイトではAPIを叩いていなかったので分かりませんが、APIとReactの通信もルーターに設定しないといけないのでしょうか？
・出せる情報が少なくてすみません。不備があれば追記いたします。なにかしらアドバイスがあればよろしくお願いいたします。
0 コメント