MixedCode

Pu안녕하십니까? 믹스드코드 운영자 에디입니다.
금번 나도 개발자 시리즈 오프라인 교육의 마지막 교육내용으로  여러분이 Visual Studio 2015를 통해 개발한 ASP.NET MVC5 웹 응용프로그램을
Microsoft Azure 클라우드 가상서버에 자동 게시하는 방법을 알아보도록 하겠습니다.  

개발된 소스를 실제 서비스하는 환경에 배포하는 방법에는 다양한 방법들이 존재하겠지만 금번 과정에 다루는 서비스 인프라 환경은
Microsoft Azure 클라우드 가상서버 환경이므로 여러분이 사용하고 계시는 Visual Studio 2015 개발툴과 애저 가상서버 환경에 최적화된 서비스 배포방법에
대해 좀더 구체적으로 다뤄보도록 하겠습니다.
 

1.가상서버 배포환경 구성하기

Visual Studio 2015/2017 개발툴을 이용한 클라우드 가상서버내 지정 웹사이트로 개발소스를 자동 배포하기 위해서는 다음과 같은 환경이 가상서버 및 애저포탈사이트에 구성되어 있어야합니다.
 A. 가상서버 IIS웹서버에 Web Platform Installer 5.0 설치
 B. Web Platform Installer 5.0를 통한 Web Deploy 3.5 관련파일 3개 설치
     C. IIS 웹서버에 서비스용 웹사이트 준비하기(실습은 디폴트 웹사이트로 진행예정임)
 D. 서비스용 웹사이트의 IIS Manager Permission메뉴에서 Visual Studio 가상서버 접근을 위한 윈도우 계정 추가 작업
 E. 애저포탈 사이트에서 보안 인바운드규칙으로 Port "80", “8172” 개방허용 등록 작업

1) 로컬 가상서버 IE 웹브라우저 보안옵션 해제하기
Windows Server 2012 R2에서는 Internet Exploer 웹 브라우저의 보안설정이 강화되어 있어 정상적인
브라우저 사용이 기능하려면 아래와 같이 보안강화 설정기능을  먼저 해제해야합니다.

서버 관리자를 열고 좌측 Loacl Server메뉴를 클릭하고 우측 IE Enhanced Security Configuration클릭하여 팝업에서 설정을 해제하면  정상적인 웹 브라우저 사용이 가능해집니다.

2) IIS웹서버 관리자 실행하기
서버관리자 상단 우측 메뉴 Tools를 클릭하고 Internet Information Service(IIS) Manager를 클릭하여 웹서버 관리자를 오픈합니다.

3) 최신 Microsoft Web Platform 5.0 설치안내 경고 확인하기
 웹서버 설치 후 웹서버 또는 웹사이트를 클릭하면 최신 Microsoft Web Platform 설치여부를 묻는 경고창이 뜹니다. YES버튼을 클릭합니다.


4) Microsoft Web Platform 5.0 설치파일 다운로드하기
Yes버튼을 클릭하면 최신 Microsoft Web Platform 5.0 설치 웹페이지가 브라우저에 오픈되면 Free Download를 클릭하여 해당 설치파일을 다운로드받아 반드시 설치합니다.

5) Microsoft Web Platform Installer Web Deploy
Web Platform Installer 5.0 화면 상단 우측 검색박스에 “deploy” 검색어를 입력하고 엔터를 칩니다.

6)검색 결과 중 Web Deploy 3.5로 시작하는 3개 파일을 Add 한 후 하단에 Install 버튼을 클릭하여 설치를 진행합니다. 
 해당 WebDeploy3.5 설치 파일들은 개발자 PC에 설치된 Visual Studio 2015 개발툴을 통해 개발소스를 애저 가상서버에 자동 배포하기 위해 가상서버에 필요한 환경을 구축해주는 설치 파일들입니다.

7) 가상서버 왼쪽 하단의 윈도우 버튼을 클릭하여 바탕화면으로 이동한 후 상단 우측에 존재하는 Power Option중 Restart를 클릭하여 반드시 가상서버를 재부팅합니다.

8) 재부팅 후 가상서버에 재연결 후 하단 메뉴 서버관리자를 오픈합니다.
서버관리자 상단 우측 메뉴 Tools를 클릭하고 Internet Information Service(IIS) Manager를 클릭하여 웹서버 관리자를 오픈합니다. 
Microsoft Web Platform 경고창이 나타나면 Do not show.. 체크박스를 체크하고 No버튼을 클릭하여 다음부터 해당 경고창이 안나오게 설정합니다.

9)웹서버>Sites>Default Web Site를 클릭한 후 하단 Management 분류내 IIS Manager Permission 메뉴를 더블 클릭한 후 상단 우측 메뉴중 Add User를 클릭하고 Windows Select버튼을 클릭하여 가상서버 접속시 사용한 윈도우 계정을 선택하여 추가합니다.

해당 웹사이트에 추가된 윈도우 계정은 추후 개발 PC의 Visual Studio 2015툴을 이용해 ASP.NET MVC Web Application을 애저 가상서버 해당 웹사이트에 자동 게시(배포)하기 위해 사용하는 접속 계정으로 사용됩니다.

10) 정상적으로 웹서버의 디폴트 웹사이트가 외부에서 호출되는지 확인합니다.
http://가상서버공인아이피주소  ex) http://***.***.***.***

11) 애저포탈 보안 인바운드 설정에 80포트/ 웹배포 포트 8172 포트가 등록되어 있는지 최종확인합니다.

2.Visual Studio 2015를 이용한 웹 응용프로그램 가상서버 게시하기

1)개발 컴퓨터의 Visual Studio를 가동하고 웹 어플리케이션에 오른쪽 마우스 클릭 게시를 클릭합니다.
 

2) 추가 옵션을 클릭하고  Microsoft Azure 가상 컴퓨터를 클릭합니다. ( Visual Studio 2015를 사용한 경우 )
 

3)애저 클라우드 계정이 보유한 가상컴퓨터(웹서버)를 선택합니다.
 

4)가상서버의 연결정보를 입력합니다.
 

Server : 여러분 가상서버의 애저 도메인 주소 또는 IP주소 와 포트 8172를 입력합니다.
    ex)111.111.111.111:8172
 Site name : Default Web Site 가상서버 웹서버내의 기본 웹사이트명 또는 여러분이 만들어둔 웹사이트명을 반드시 동일하게 입력합니다.
 User name : 상기 웹사이트 IIS Manager Permission 에서 추가한 가상서버 접속 관리자 윈도우 계정을 입력합니다.
    Password : 관리자 윈도우 계정의 암호를 입력합니다.
 Save Password :암호 정보를 저장합니다.
 Destination URL: 게시 완료 후 웹브라우저로 바로 확인가능한 도메인주소를 입력합니다.(옵션) ex) http://111.111.111.111
         

7)Validate Connection 버튼을 클릭하면 인증에러 메시지가 나타날수 있으며 Accept버튼을 클릭하면 정상적으로 가상서버와 연결 테스트가 완료됩니다.
 
8) 정상적으로 Validate Connection이 완료되면 우측에 초록색 체크가 나타나고 실패하면 실패사유 정보를 제공합니다.
 

9) 개발소스를 릴리즈  설정 및 가상서버 DB서버 연결정보를 세팅 후 NEXT를 클릭합니다.
 

게시전 개발 웹프로젝트의 web.config 파일내에 connectionString 섹션에 값을 가상서버 DB서버의 연결정보를 변경 후 배포해도 되며 상기 배포시점에서 web.config정보를 생성해 배포시 변경해도 가능합니다.

10)Publish 버튼을 클릭하여 개발소스를 가상서버의 웹사이트에 게시합니다.
 

정상적으로 게시가 완료되면 웹브라우저로 해당 사이트가 나타납니다.

지금까지 Visual Studio 2015 개발툴을 이용한 애저 클라우드 가상서버내 IIS8.5 웹서버내 특정 웹사이트로 개발소스를 배포하고 게시하는 방법을 알아보았습니다.
감사합니다.