Azure HOL – Web App
작성자: 박용준
1. [Windows + R]로 명령 프롬프트(CMD.exe)를 실행합니다.
A. PowerShell도 좋습니다.
2. > echo “클리어 스크린”
3. > cd \
4. > cls
5. > echo “필수 프로그램 버전 확인”
6. > git --version
7. > node -v
8. > npm -v
9. > code -v
10. > az -v
11. > dotnet --version
12. > echo “로그인 – Azure 포털과 Azure CLI”
13. > explorer https://azure.com
A. 애저 포털로 접속합니다.
B. 애저 포털에 로그인합니다.
14. > az login
A. Azure CLI로 로그인합니다.
i. URL과 KEY 값을 입력하여 구독권이 있는 Azure에 로그인합니다.
1. https://microsoft.com/devicelogin 경로에서
2. HJTABCFV6 형태의 코드를 입력합니다.
3. MS 계정으로 로그인합니다.
15. > echo “구독권 확인 및 시작 구독권 설정(여러 개 있을 경우)”
16. > az account list
17. > az account show
A. > az account set -s “구독권 이름”
18. > echo “리소스 그룹 생성 확인 또는 생성”
19. > az group list
A. 만약에 “rg-aspkr-bootcamp” 이름의 리소스 그룹이 없다면,
i. > az group create -n "rg-aspkr-bootcamp" -l "Southeast Asia"
1. > az group list
2. > az group show -n "rg-aspkr-bootcamp" --query "location"
20. > echo “앱 서비스 플랜 생성 확인 또는 생성”
21. > az appservice plan list
A. 만약 “aspkr-BootCamp-Dev-Plan” 앱 서비스 계획이 없다면, 생성
i. > az appservice plan create -h
ii. > az appservice plan create -n "aspkr-BootCamp-Dev-Plan" -g "rg-aspkr-bootcamp" --sku S1
22. > echo "웹앱 생성(포털에서)"
A. Azure CLI로 웹앱 생성 및 확인
i. > az webapp create -n "aspkr-hol1-<전번뒷자리>" -g "rg-aspkr-bootcamp" --plan "aspkr-BootCamp-Dev-Plan"
ii. > az webapp show -n "aspkr-hol1-1234" -g "rg-aspkr-bootcamp" --query "defaultHostName"
23. > echo “생성된 웹앱 실행”
24. > explorer http://aspkr-hol1-<전번뒷자리>.azurewebsites.net
25. > echo “Azure 포털에서 생성한 웹앱 개요 및 주요 속성 살펴보기”
26. > echo “GitHub에서 리포지토리 생성”
27. > explorer https://github.com/<본인계정>
A. > explorer https://github.com/new
i. 리포 이름: aspkr-hol-BootCamp
1. 리포 생성 시 옵션 확인:
A. Add .gitignore: Visual Studio
B. License: MIT License
28. > echo “폴더 만들고 Git Clone”
29. > md HOL
30. > cd HOL
31. > dir
32. > git clone https://github.com/<본인계정>/aspkr-hol-BootCamp.git
33. > cd aspkr-hol-BootCamp
34. > dir
35. > echo “Default.htm 문서 생성”
36. > copy con Default.htm
A. <h1>Azure HOL</h1> 입력 후 Ctrl+Z
37. > type Default.htm
38. > echo “Default.html 문서 GitHub에 업로드”
39. > git status
40. > git add Default.htm
41. > git commit -m "Default.htm 문서 생성"
42. > git push origin master
A. 인증 창 뜨면 GitHub 계정 입력
43. > git log
44. > echo “GitHub에서 Default.html 문서 확인”
45. > explorer https://github.com/<본인계정> /aspkr-hol-BootCamp
46. > echo “GitHub의 웹 사이트 소스를 Azure Web App에 게시”
A. Azure 포털에서 실행
i. aspkr-hol1-<전번4> web app으로 이동하여 [배포 옵션]에서 local Git 설정
ii. [배포 크레덴셜]에서 인증 비밀번호 입력 및 확인
iii. [개요]에 와서 git 경로 확인 및 복사
1. 예: https://taeyok@aspkr-hol-2058.scm.azurewebsites.net:443/aspkr-hol-2058.git
2. git remote add azure <애저 깃 경로>
3. git push azure master
4. 인증정보 입력
B. Azure CLI로 실행
i. > az webapp deployment source config -n "aspkr-hol1-<XXXX>" -g "rg-aspkr-bootcamp" --repo-url "https://github.com/VisualAcademy/aspkr-hol-BootCamp" --branch master --manual-integration
47. > explorer http://aspkr-hol1-<전번뒷자리>.azurewebsites.net/
A. Default.html 문서가 적용된 것 확인
48. > echo “문서 수정 및 재 배포”
49. > code .
A. Default.html 문서에 한 줄 추가
i. <h2>Sync</h2>
50. > git add *
51. > git commit -m "Default.htm 문서 수정"
52. > git push origin master
53. > az webapp deployment source sync -n "aspkr-hol1-XXXX" -g "rg-aspkr-bootcamp"
54. > explorer http://aspkr-hol1-<전번뒷자리>.azurewebsites.net/
A. 한 줄 추가된 변경 내역 확인
55. > echo “HTML 문서를 ASP.NET으로 변경”
56. > code .
A. Visual Studio Code에서 Default.htm 파일명을 Default.aspx로 변경
B. Default.aspx 내용 수정
<%@ Page Language="C#" %>
<%
string num= "1238";
%>
<h1><%= num %></h1>
57. > git add *
58. > git commit -m "Default.aspx로 변경"
59. > git push azure master
60. > echo “Web App에서 확인”
61. > explorer http://aspkr-hol1-XXXX.azurewebsites.net/
62. > echo “ASP.NET을 PHP로 변경 후 실행
63. > code .
A. Default.aspx -> Index.php
<?php
echo “안녕하세요. PHP”;
?>
B. Azure에서 실행 테스트
64. > echo “PHP를 JSP로 변경”
65. > code .
A. Index.php -> Index.jsp
<h1><% out.println(“난 JSP”); %></h1>
B. 실행 테스트
C. 에러 확인
D. Azure Application Setting에서 Java로 변경
E. Java 8 / Newest Tomcat 8.0
F. 폴더 변경: WebApps/ROOT
G. git add *
H. git commit -m "JSP 파일 위치 이동"
I. git push azure master
J. Web App에서 실행 확인
66. > echo “Azure Web App 추가 속성들 확인”
67. > echo “Q&A”
68. > echo “감사합니다.”