Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Node.js 와 Mongo DB로 만든 앱 Azure에 배포하기

385 views

Published on

Azure Web App과 Cosmos DB를 이용하여 Node.js + Mongo DB 로
만들어진 서비스를 Azure에 배포해보는 실습 자료 입니다. :)

Published in: Technology
  • Be the first to comment

Node.js 와 Mongo DB로 만든 앱 Azure에 배포하기

  1. 1. Node.js + MongoDB Azure에 배포하기 기술 에반젤리스트 김은지 2017.11.22
  2. 2. 사용할 서비스 • Azure Web App : 웹 응용 프로그램, REST API 및 모바일 백 엔드 를 호스팅하는 서비스로 다양한 언어를 지원하며, Windows 혹은 Linux 둘다 지원합니다 ☺ 쉽고 빠른 배포 뿐만 아니라 부하분산, DevOps 기능 등을 제공합니다! https://docs.microsoft.com/ko-kr/azure/app-service/app-service-web- overview • Azure Cosmos DB : 전 세계에 배포된 다중 모델 데이터베이스 서비스입니다. Azure Cosmos DB를 사용하면 버튼 클릭만으로 Azure의 여러 지역에서 처리량 과 저장 공간을 탄력적이고 독립적으로 조정할 수 있습니다. https://docs.microsoft.com/en-us/azure/cosmos-db/introduction
  3. 3. 배포해 볼 템플릿 프로젝트 https://github.com/scotch-io/node-todo : MongoDB 와 Angular로 작성된 Node App
  4. 4. 미리 설치되어 있어야 하는 것 • Git • Mongo DB • Node.js
  5. 5. Step1. 프로젝트 다운로드 및 실행
  6. 6. 1. 프로젝트 다운로드 git clone https://github.com/scotch-io/node-todo.git cd node-todo
  7. 7. 2. 노드 패키지 설치 npm install
  8. 8. 3. mongod 실행 mongod
  9. 9. 4. server.js 실행 node server.js
  10. 10. 5. 페이지 확인 http://localhost:8080/
  11. 11. 6. 데이터 추가
  12. 12. 7. Mongo DB에서 데이터 확인 mongo show dbs use meanstacktutorials show collections db.todos.find()
  13. 13. Step2. Azure 서비스 생성
  14. 14. 1. Azure portal 접속 http://portal.azure.com
  15. 15. 2. 리소스 그룹 생성
  16. 16. 2. 리소스 그룹 생성 • 리소스 그룹 이름 : TodoApp • 구독 : 선택된 값으로 두기 • 리소스 그룹 위치 : 아시아 남동부
  17. 17. 3. Web App 생성 -> “Web App” 검색
  18. 18. 3. Web App 생성
  19. 19. 3. Web App 생성 * 이름 명명 규칙 * todoapp-{이니셜} Ex) todoapp-eunk
  20. 20. 3. Web App 생성 • App Service 계획 : SoutheastAsiaS1 • 위치 : Southeast Asia • 가격 책정 계층 : S1 표준
  21. 21. 3. Web App 생성
  22. 22. 4. Cosmos DB 생성 “cosmos” 검색
  23. 23. 4. Cosmos DB 생성 • ID : todoapp-{이니셜} Ex) todoapp-eunk • API : MongoDB • 리소스 그룹 : 기존 그룹 사용 -> TodoApp • 위치 : 동아시아
  24. 24. 5. 생성된 리소스 확인 6. Azure Web App 접속
  25. 25. Step3. mongo DB URL 수정
  26. 26. 1. Mongo DB URL 확인
  27. 27. 1. Mongo DB URL 확인
  28. 28. 2. database.js 업데이트 • node-todo/config 폴더로 이동 • database.js 파일 오픈 • remoteUrl을 전단계에서 복사한 값으로 변경
  29. 29. 3. server.js 업데이트 • 12번째 줄의 database.localUrl 을 database.remoteUrl 로 변경 • mongoose.connect(database.remoteUrl);
  30. 30. 4. 변경사항 저장 및 커밋 • git add –A • git commit –m “database.js update”
  31. 31. Step4. 서비스 배포
  32. 32. 1. Web App 열기
  33. 33. 2. 배포옵션 선택
  34. 34. 3. Git 복제 URL 확인
  35. 35. 4. 리모트 저장소 추가 git remote add azure “전단계에서 복사한 URL”
  36. 36. 5. 리모트 저장소로 push & 로그인 git push azure
  37. 37. 6. Azure Web App 접속
  38. 38. 6. Azure Web App 접속
  39. 39. 7. 데이터 추가
  40. 40. 8. 데이터 확인
  41. 41. 8. 데이터 확인

×