Firebase / GitHub 를 통한 SAP Open Ui5 개발 환경 구성 - 3

안녕하세요. 수용님입니다. 

이번 포스트에서는 Firebase의 호스팅 서비스를 사용하여 웹상에 UI5 어플리케이션을 배포하는 방법에 대해 작성해보겠습니다. 

1. NPM install 

다운로드 사이트 : https://www.npmjs.com/get-npm

위 사이트에 접속하여 npm을 다운로드 후 설치를 진행합니다. 

2. firebase CLI 설치

커맨드 창을 열어서 npm을 통해 firebase-tools 을 설치합니다. 

3. 커맨드 창을 통해 firebase에 로그인 한다.

4. 프로젝트가 만들어져 있는 상위 폴더로 이동하여 firebase를 초기화 한다. 

 - 아래 그림과 같이 public 상위 폴더에 접근하여 아래 명령어를 실행

5. 호스팅을 선택(화살표 이동 후 스페이스 누르면 됨) 후 엔터 클릭

6. 웹 어플리케이션의 폴더를 지정, 디폴트로 public 사용하지만 다른 이름의 폴더를 사용한다면 해당 폴더 이름을 작성하여 진행

- 웹 어플리케이션을 처음 만들 경우에는 index.html 파일이 없기 떄문에 yes를 선택하면 되지만, 

  지금은 웹 어플리케이션을 작업하는 중에 연결하는 것이기 때문에 모두 No를 선택한다.

7. firebase serve 라는 명령어를 치면 아래의 그림과 같이 localhost에 웹 서비스가 올라가고, 

     아래의 그림과 같이 localhost 주소로 접속하여 웹 어플리케이션이 실행되는 것을 확인할 수 있다. 

8. firebase hosting에 배포

 - firebse deploy 명령어를 사용하면 아래 그림과 같이 firebase hosting에 배포가 되면서 도메인 주소가 생긴다. 

 - 할당된 주소로 이동하면 localhost에서 봤던 웹 어플리케이션을 동일하게 볼 수 있다. 

지금까지 총 3번에 나누어 Firebase, GitHub, UI5 를 연동하여 서버리스 방법으로 웹사이트 구축하는 방법에 대해서 기재하였습니다. 

총 3개의 포스팅을 잘 읽고 따라하시면 모두 무료로 웹사이트 구축을 하실 수 있을 거라고 생각되네요. 

혹시 진행하다 안되는 점이 있으시다면 아래 메일로 연락주시기 바랍니다. 

친절하게 알려드릴게요.^^

이메일 : lee_suyong@hanmail.net