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_ | ... | ... |
-
Please register or login to post a comment