WSL 환경에서 Docker 애플리케이션 설정 방법

시작전 

wsl 환경에서 docker 환경 설정하는 방법을 설정하지 않았다면 하단 링크 참고하시길 바랍니다. 

https://junhee6773.tistory.com/entry/wsl-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C-docker-%ED%99%98%EA%B2%BD-%EC%85%8B%ED%8C%85%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

wsl 환경에서 docker 환경 셋팅하는 방법

 

애플리케이션 준비

1. docker 테스트할 프로젝트 디렉토리를 생성하고 npm 및 node를 셋팅합니다.

2. app.js에 간단 실행 코드를 복사해서 붙여놓습니다. 

const http = require('http');
const port = 3000;

const server = http.createServer((req, res) => {
    res.statusCode = 200;
    res.setHeader('Content-Type', 'text/plain');
    res.end('Hello from Docker!\n');
});

server.listen(port, () => {
    console.log(`Server running at http://localhost:${port}/`);
});

3. package.json에 하단 코드를 복사해서 붙여놓습니다. 

{
  "name": "my-docker-app",
  "version": "1.0.0",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "description": ""
}

추가 설명

• name은 프로젝트명으로 넣으시면 됩니다. 

4. 해당 프로젝트 폴더에 Dockerfile 파일을 생성하고 하단 코드를 복사해서 붙여놓습니다. 

FROM node:14
WORKDIR /usr/src/app
COPY . .
RUN npm install
EXPOSE 3000
CMD ["node", "app.js"]

 

Docker 이미지 빌드 및 실행

1. wsl ubuntu 접속한 환경으로 접속해서 해당 프로젝트 위치로 접속합니다. 

cd /mnt/c/Users/junhe/my-docker-app

추가 설명 

• 로컬 경로는 C:\Users\junhe인데 wsl에서는 /mnt/c/를 앞에 붙여야합니다.

2. Docker 이미지 생성 및 확인합니다. 

docker build -t my-docker-app .
docker images

3. 컨테이너 실행 및 확인합니다. 

docker run -d -p 3000:3000 my-docker-app
docker ps

4. localhost:3000 제대로 실행하는 지 확인합니다.