After completing my React and NodeJS projects, I created a Dockerfile for each one and then a docker-compose file to generate docker images for both the frontend and backend.
I have also uploaded the images to my repository on Docker hub. Now, I want to run my Docker project on AWS EC2. I created a new EC2 instance on my AWS dashboard, installed Docker, and managed to download my images from Docker Hub...
But now I'm stuck - should I create a container to run both of them together? Or do I need to run each one separately?
Additionally, I am using Nginx to utilize port 80 instead of the default 3000.
I am feeling lost at the moment as this is my first time working with Docker and AWS. Any guidance would be greatly appreciated!
EDIT 1
This is my Dockerfile for React:
# build environment
FROM node:13.12.0-alpine as build
WORKDIR /app
ENV PATH /app/node_modules/.bin:$PATH
COPY package.json ./
COPY package-lock.json ./
RUN npm ci --silent
RUN npm install <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d6a4b3b7b5a2fba5b5a4bfa6a2a596e5f8e2f8e7">[email protected]</a> -g --silent
COPY . ./
RUN npm run build
# production environment
FROM nginx:stable-alpine
COPY --from=build /app/build /usr/share/nginx/html
# new
COPY nginx/nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]
This is my Dockerfile for Nodejs:
FROM node:8
# Create app directory
WORKDIR /usr/src/app
# Install app dependencies
# A wildcard is used to ensure both package.json AND package-lock.json are copied
COPY package*.json ./
RUN npm install
# Bundle app source
COPY . .
EXPOSE 5000
CMD [ "npm", "start" ]
And here is my Nginx configuration file:
server {
listen 80;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
My docker-compose.yml file looks like this:
version: "2"
services:
frontend:
image: itaik/test-docker:frontend
build: ./frontend
ports:
- "80:80"
depends_on:
- backend
backend:
image: itaik/test-docker:backend
build: ./backend
ports:
- "5000:5000"
On my Windows computer, I downloaded the Docker desktop app and used the 'docker compose-up' command, which created a container with both of my images running successfully. This is the outcome I am aiming for on my AWS EC2 (Linux) setup. I hope things are clearer now.
EDIT 2
Somewhat miraculously, I was able to run both of my images in separate containers, and they are now online as desired. The commands I used were:
docker run -d -p 5000:5000 itaik/test-docker:backenddocker run -d -p 80:80 itaik/test-docker:frontendHowever, my API calls to "localhost:5000" are resulting in an error:
GET http://localhost:5000/user/ net::ERR_CONNECTION_REFUSEDCould this issue be related to my React/Nodejs code or how I set up my Docker images?
Thank you for any assistance!
EDIT 3
Even after utilizing docker-compose and having both images running on the same network bridge, I am still encountering the same error.
The only solution that comes to mind is manually modifying my code to replace "localhost" with the public IP provided by AWS. Perhaps there is something crucial I am overlooking... Could it be that my network bridge is not visible to the public IP for some reason?
While I can access the public IP along with port 80 and port 5000, the API call to localhost:5000 continues to produce an error.