[2023 오픈소스 컨트리뷰션] Backend.ai WebUI 설정

0. Backend.AI 컴포넌트 관계 

출처: https://blog.lablup.com/posts/2021/07/05/backendai-contribution-guide/

Backend.AI 오픈소스 기여 가이드 | Lablup Blog

위 사진은 Backend.ai를 다루는 회사인 래블업의 CTO님이 작성하신 사진이다 

 

1. Backend.AI 설정 및 Backend.AI WebUI 설정 

1. VPN을 들어가서 연결한다 

- Tunnelblick이라는 것을 클릭해서 들어감 

- vpn연결 시작함 

2. 터미널에서 할당받은 'ssh~~'를 입력한다(ip주소를 입력) 

- 비밀번호까지 입력함 

3. 리눅스 cd 명령어를 통해 Backend.AI에 들어간다 

4. Backend.AI repository복제 

git clone https://github.com/lablup/backend.ai-ossca-2023

 

5. Backend.AI WebUI repository복제

git clone https://github.com/lablup/backend.ai-webui-ossca-2023.git

 

6. backend.ai 레포지토리로 이동하여 아래의 코드(자동 설치 스크립트) 입력 

scripts/install-dev.sh

 

7. manager 설정

./backend.ai mgr start-server --debug

 

8. agent 설정 

./backend.ai ag start-server --debug

 

9. storage proxy 설정

./py -m ai.backend.storage.server --debug

 

10. web server 설정

./py -m ai.backend.web.server --debug

 

11.  cd로 backend.AI WebUI 폴더에 들어가서 아래의 코드를 하나하나 입력한다 

npm run build:d

npm run server:d

npm run wsproxy

이 과정을 마치면 아래의 화면처럼 서버가 화면에 띄어진다 

짜잔

(추가) 위의 화면이 자동으로 안뜰경우 자신의 ip주소+8090을 주소창에 입력하면 화면이 뜬다 

그 후 id, password를 입력하면 된다

 

3. Tmux 설정 

7~10번 부분을 작업하면서 서버를 작업하는 동안 계속 열어놓아야 한다 

그러면 번거로움 등 문제가 일어날 수 있으므로 tmux라는 것을 설치하여 

manager, agent, storage proxy, web server는 서버로 열고, backend.AI webUI만 로컬로 열어서 작업하는 방법을 했다 

 

1. 중간에 에러해결 

총 두 가지 방법을 했는데 

첫 번째는 코드 파일의 tomi파일에서 'apiEndpoint'와 'webServerURL'에 내 ip를 직접 입력했으며 

두 번째는 위의 1-11번의 단계를 다시 진행했다 

아까 했던 거

나는 npm run server:d를 하고, 잘 안되길래 npm run build:d를 먼저 하고 npm run server:d를 입력하고 다시 npm run server:d, npm run wsproxy를 하니까 제대로 작동이 되었다 

 

이제 세팅 끝!