GitHub 및 Azure WebApps를 사용하여 간단한 웹 사이트 만들기

Azure Web Apps에 대한 계기를 쓰고 싶어요.


최근에는 Azure Web Apps를 사용할 기회가 있지만 간단하게 사이트를 만들 수 있어 편리하다.
이번에는 자신의 공부를 겸비하기 위해 GitHub와 협업을 시도했다.
이 기사는 2018년 7월 말 순서입니다.

사이트 생성 사전 요구 사항


두 개가 필요합니다.(둘 다 무료로 등록되어 있습니다.)
· Azure의 예약
GitHub 계정

단계


1. Azure WebApps에서 웹 앱 만들기


① Azure 포털에서 모든 서비스 > App Service 를 클릭합니다.
② "추가"를 클릭하여 "웹 앱"으로 만들기
※ 이번에는 [Web App]을 사용하지만 템플릿이 충실하기 때문에 다양한 것을 추천합니다.

③ 다음 정보를 입력하여 WebApp 만들기
프로젝트 이름
설명
응용 프로그램 이름
WebApp 이름을 입력합니다.URL에 사용됩니다.
예약하다
가입을 선택합니다.
리소스 그룹
웹 앱의 리소스 그룹을 선택합니다.이번에 새로 짓다.
OS
WebApp의 OS를 선택합니다.이번에는 Windows를 선택합니다.
응용 서비스 계획
응용 프로그램의 용기입니다.자동 제작된 물건은 유료이기 때문에 아래 화면처럼 새로 만든다.
Application Insights
성능을 관리하고 분석할 수 있습니다.이번에는 안 써요.

④ WebApp 완료

2. GitHub 저장소 만들기


① GitHub의 오른쪽 위 모서리에 있는 더하기 버튼에서 [New Repository] 클릭
② "자료 파일 라이브러리 이름"입력
③ 선택 [README로 이 저장소 초기화]
④ "Repository 만들기"를 누르십시오

⑤ 새 파일 만들기를 클릭합니다.
⑥ [Name your file...]에서 index.html을 입력하고 다음을 입력합니다.
index.html
<!DOCTYPE html>
<html lang="ja">
 <head>
  <title>HelloWorld</title>
  <meta charset="utf-8">
 </head>
 <body>
  HelloWorld
 </body>
</html>
⑦ 화면 아래로 스크롤하여 "Commit new file"을 클릭합니다.
⑧ 자료 파일 라이브러리의 완성.

3. 웹 앱에 배포


① 만든 웹 앱에서 배포 옵션 클릭
② 소스 코드 선택 시 GitHub 선택
③ [승인]에서 [승인]을 클릭하면 인증 화면이 표시됩니다.
Azure 인증 을 클릭한 다음 Azure 화면에서 확인 을 클릭합니다.

④ 항목 선택에서 저장소를 선택하고 확인을 클릭합니다.
⑤ 작성된 웹 앱의 [개요]에 기재된 [URL] 클릭
⑥ HelloWorld를 표시하면 웹사이트가 완성됩니다.
※ 반영하기까지는 시간이 좀 걸립니다.

총결산


10분이면 웹사이트를 만들 수 있다
・GitHub로 소스 코드 관리 가능
• 기본 무료 사용
• 매우 편리

링크


웹 사이트 축소판https://webappssite.azurewebsites.net/
만든 저장소:https://github.com/YouSoldier/WebAppsSite
Web App Service : https://azure.microsoft.com/ja-jp/services/app-service/web/
GitHub : https://github.co.jp/
Azure 포털:https://portal.azure.com/

좋은 웹페이지 즐겨찾기