ふたりで

Dockerfile build by Node.js Simple Project 본문

docker

Dockerfile build by Node.js Simple Project

graykang 2024. 7. 24. 15:59
728x90
반응형
SMALL

windows 11 + docker desktop에서 단순한 node.js 환경의 프로젝트를 dockerfile로 작성 후 build 해보기.

 

# dockerfile을 작성할  프로젝트 구조.

## 프로젝트의  root경로의 파일명 Dockerfile 인 파일의 내용.
# Start your image with a node base image
FROM node:18-alpine

# The /app directory should act as the main application directory
WORKDIR /app

# Copy the app package and package-lock.json file
COPY package*.json ./

# Copy local directories to the current local directory of our docker image (/app)
COPY ./src ./src
COPY ./public ./public

# Install node packages, install serve, build the app, and remove dependencies at the end
RUN npm install \
    && npm install -g serve \
    && npm run build \
    && rm -fr node_modules

EXPOSE 3000

# Start the app using serve command
CMD [ "serve", "-s", "build" ]

 

# Dockerfile을 빌드하는 명령어.

# -t 는 빌드 되서 생성 될 image명을 주기 위한 옵션,
# image명은 welcome-to-docker, 
# 생성된 Dockerfile 이 있는 경로.
C:\Users\graykang\docker-workJob\welcome-to-docker> docker build -t welcome-to-docker ./

 

728x90
반응형
SMALL

# 빌드가 완료되고 나면 docker desktop의 image탭으로 이동해 보면 생성된 image 이름이 보이고,

해당 이미지 명을 클릭하면 아래 그림과 같이 생성된 이미지의 세부 내용을 확인할 수 있고 Run버튼을 클릭하여

컨테이너로 실행할 수 있다. 

 

# container 실행 시 여러 옵션을 줄 수 있는데 기본적으로 container이름과 container에서 사용할 외부 port 정도만

명시를 해주면 된다.

 

 

# container가 실행된 화면은 아래 그림과 같다.

http://localhost:8089로 접속해 보면 빌드된 node.js 프로젝트의 웹페이지가 출력된다.

728x90
반응형
LIST
Comments