Jinsu Park

Update: README.md docker compose

Showing 1 changed file with 25 additions and 21 deletions
...@@ -32,44 +32,48 @@ khuwitch는 크게 아래의 항목들로 동작한다고 볼 수 있습니다. ...@@ -32,44 +32,48 @@ khuwitch는 크게 아래의 항목들로 동작한다고 볼 수 있습니다.
32 3. 채팅 메시지가 외국어인 경우 Papago의 번역 API를 이용해 내용을 번역한 뒤 채팅으로 번역 내용을 전송하고, socket io를 통해 현재 khuwith 서비스에 접속 중인 사용자에게도 번역 내용을 전송합니다. 32 3. 채팅 메시지가 외국어인 경우 Papago의 번역 API를 이용해 내용을 번역한 뒤 채팅으로 번역 내용을 전송하고, socket io를 통해 현재 khuwith 서비스에 접속 중인 사용자에게도 번역 내용을 전송합니다.
33 4. frontend에서는 수신한 text를 `AWS Polly` 를 이용해 음성 파일로 변환한 뒤, 접속자의 브라우저에서 재생합니다. 33 4. frontend에서는 수신한 text를 `AWS Polly` 를 이용해 음성 파일로 변환한 뒤, 접속자의 브라우저에서 재생합니다.
34 34
35 -## 빌드 및 실행 방법 35 +## 빌드 및 배포 방법
36 36
37 -> 추후 보완 예정 37 +우선은 docker-compose를 이용해 서버에서 실행할 것이기 때문에 이미지 빌드를 위해 docker를 설치해야하고, 서버에는 docker와 docker-compose를 설치해야합니다.
38 38
39 -### local에서 실행하기 39 +### 빌드
40 -
41 -**frontend**
42 40
41 +frontend를 예시로하겠습니다. backend의 경우 `frontend``server`로 변경하면 됩니다.
43 ```bash 42 ```bash
44 -$ PORT=8000 npm start 43 +# docker 설치 후
44 +$ cd frontend
45 +$ docker build . -t umi0410/khuwitch-frontend
46 +$ docker push umi0410/khuwitch-frontend
45 ``` 47 ```
46 48
47 -**backend** 49 +### 배포
50 +
51 +배포는 frontend든 backend든 상관없이 docker-compose로 한 번에 배포합니다. 빌드 때와 마찬가지로 docker를 설치해주시고, 추가적으로 docker-compose를 설치한 뒤 서비스를 구동시킵니다.
48 ```bash 52 ```bash
49 -$ KHUWITCH_PORT=3000 npm start 53 +# 서버 접속 후 docker 설치 후 docker-compose 설치
54 +$ sudo curl -L "https://github.com/docker/compose/releases/download/1.27.4/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
55 +$ sudo chmod +x /usr/local/bin/docker-compose
56 +$ curl http://khuhub.khu.ac.kr/2016101168/khuwitch/raw/queueingmp3/docker-compose.yml -o /tmp/docker-compose.yml
57 +$ sudo docker-compose pull && sudo docker-compose /tmp/docker-compose.yml up -d # or docker-compose up -d
50 ``` 58 ```
51 59
52 -### docker image 빌드 후 docker-compose로 실행 60 +### 개발을 위해 실행하기
53 -
54 -**frontend 빌드**
55 61
56 -```bash 62 +**frontend**
57 -$ docker build -f Dockerfile-frontend -t khuwitch/frontend
58 -```
59 63
60 -**backend 빌드**
61 ```bash 64 ```bash
62 -$ docker build -f Dockerfile-backend -t khuwitch/backend 65 +$ cd frontend
66 +$ npm install
67 +$ PORT=8000 npm start
63 ``` 68 ```
64 69
65 -**docker-compose로 실행** 70 +**backend**
66 -
67 ```bash 71 ```bash
68 -$ docker-compose -f docker-compose.yml -f docker-compose-dev.yml up 72 +$ cd server
73 +$ npm install
74 +$ npm start
69 ``` 75 ```
70 76
71 -기본적 설정으로 존재하는 `docker-compose.yml` 에 추가적인 내용을 담은 `docker-compose-{{NAME}}.yml` 을 전달함으로써 설정을 Override할 수 있습니다.
72 -
73 ## 사용 방법 77 ## 사용 방법
74 78
75 _로그인 화면 추후 추가.png_ 79 _로그인 화면 추후 추가.png_
......