Bluemix DevOps 활용 2편 : Bluemix 서비스와 연계하고 App 설치하기



지난편(바로가기)에는 Bluemix Devops를 활용하여 App을 업로드하고 실행하는 것을 해보았습니다. 이번 편에는 Bluemix 서비스를 연계하여 App을 업로드하고 활용하는 것을 배워보도록 하겠습니다. 이번편의 원문은 바로가기에서 확인이 가능합니다.


< 컨텐츠 순서 >

1. Bluemix Devops를 활용하여 앱을 업로드하기 (바로가기)

2. App을 deploy하고 Bluemix 서비스와 연계하기 (바로가기)

3. 새로운 기능을 추가할때 Devops를 활용하여 관리 및 추적하기 (바로가기)


지난 편에 '로렌의 사랑스러운 풍경' App을 올려봤다면 이번 편에는 Fabulous Price Finder(멋진 가격 검색기)를 활용할 예정입니다. App 코드는 바로가기에서 다운로드가 가능합니다. 이번 편은 지난편의 연장선에 있기 때문에 가능하면 1편을 먼저 진행하신 다음 진행하시길 권합니다.


STEP1. Project를 FORK 하기

1. 앞서의 프로젝트 페이지로 가서 프로젝트를 FORK해옵니다

2. 우측 상단의 FORK PROJECT를 눌러서 임의의 이름을 지정해준 다음 PROJECT를 가져옵니다.




STEP2. Project를 deploy 하기

Fabulous Price Finder는 Bluemix의 Cloudant NoSQL DB 서비스를 사용합니다. 해당 서비스는 NoSQL와 JSON 데이터 레이어를 언제든 컨트롤 할 수 있게 해줍니다. 그래서 Fabulous Price Finder를 사용하기 위해선 우선 App을 deploy(배치)한 이후에 Cloudant NoSQL DB 서비스를 App에 연결 시킬 필요가 있습니다.


1. FORK 되어온 Project dashboard 화면의 우측 상단에 있는 EDIT-CODE를 눌러준 뒤 편집창이 뜨면 최상단 바에 있는 deploy 버튼(▶)을 눌러줍니다.



정상적으로 deploy가 완료되어도 실제 App은 실행되지 않을 것입니다. 앞서 말한 것처럼 Cloudant NoSQL DB 서비스가 아직 연결되지 않았기 때문입니다. 이후 deploy가 완료되면 대시보드 버튼을 눌러서 개요를 확인할 수 있는데 아직 연결이 되지 않을 것을 볼 수가 있습니다.





STEP3. Cloudant NoSQL DB 서비스 개설하고 연결하기

Cloudant NoSQL DB 서비스를 개설하기 위해 Bluemix 카탈로그(바로가기)로 이동합니다. 물론 로그인이 되어 있어야 되구요. 카탈로그 창에서 cloudant까지만 쳐도 검색이 되는 것을 볼수가 있습니다. Cludant NoSQL DB를 클릭하고 서비스 개설 화면이 뜨면 적절한 서비스 명과 함께 연결할 대상을 지정해줍니다. 저는 앞서 STEP1에서 프로젝트명을 pricefinder로 지정하였기 때문에 여기서도 pricefinder로 지정하였습니다. 그리고 우측 하단에 작성 버튼을 눌러줍니다.




그러면 App을 리스테이징 해야된다는 메시지가 뜨는데 리스테이징(재시작)을 해줍시다. 그러면 App이 잠시 중단되고 다시 시작 과정이 이뤄지게 됩니다. 그러면 기본 준비는 모두 끝난 셈입니다.



STEP4. 가격 데이터 가져오기

이제 예전에 만든 로렌의 멋진 풍경 홈페이지의 가격표를 들고 올 것입니다. App을 실행하면 이렇게 item name과 URL 그리고 필드명을 입력하도록 되어 있는데 여기서 우리는 예전에 만든 풍경 홈페이지 항목에서 Antactica 항목의 가격을 들고오도록 하겠습니다. 즉, 아이템 이름에는 Antarctica를 입력하고, URL에는 자신이 만든 페이지의 URL값을 그리고 필드 항목에는 price를 입력해준 후 submit을 눌러주면 해당 값이 DB에 저장이 되게 됩니다.




그러면 이렇게 값들이 입력이 되는데, 다른 것인 Austrailia나 alaska를 입력해도 됩니다. 아무튼 입력이 되었으면 초기 페이지로 다시 돌아와서 Get Price를 눌러주면 데이터를 가져오는 것이 완료되었다는 메시지가 뜨고, View database 항목을 통해서 가격이 얼마인지 확인할 수가 있습니다.





이렇게 Bluemix의 서비스와 연계하여 가격 비교 페이지를 만들어 보는 작업을 해보았습니다. 다음 편에는 해당 페이지에 새로운 기능을 추가하고 Devops를 통해 관리 및 추적하는 것을 알아보도록 하겠습니다. 감사합니다.


댓글(0)

Designed by JB FACTORY