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/
Reference
이 문제에 관하여(GitHub 및 Azure WebApps를 사용하여 간단한 웹 사이트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/SunFlat25/items/2d6b31cee355644def0f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
두 개가 필요합니다.(둘 다 무료로 등록되어 있습니다.)
· 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/
Reference
이 문제에 관하여(GitHub 및 Azure WebApps를 사용하여 간단한 웹 사이트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/SunFlat25/items/2d6b31cee355644def0f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<!DOCTYPE html>
<html lang="ja">
<head>
<title>HelloWorld</title>
<meta charset="utf-8">
</head>
<body>
HelloWorld
</body>
</html>
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/
Reference
이 문제에 관하여(GitHub 및 Azure WebApps를 사용하여 간단한 웹 사이트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/SunFlat25/items/2d6b31cee355644def0f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(GitHub 및 Azure WebApps를 사용하여 간단한 웹 사이트 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/SunFlat25/items/2d6b31cee355644def0f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)