기본 콘텐츠로 건너뛰기

[투자 웹사이트 구축] 6. Azure 웹앱 수정 및 재배포 ( python ) / 빠른...

[투자 웹사이트 구축] 6. Azure 웹앱 수정 및 재배포 ( python ) / 빠른...

증권 API를 이용한 증권 정보 조회 웹페이지를 클라우드에 올릴 계획입니다.

지난 글에서 MS 클라우드인 Azure에 웹앱(웹페이지)를 만들어서 배포 했었는데요

2020/03/10 - [투자/투자&개발] - [투자 웹사이트 구축] 5. 클라우드로 웹페이지 만들기 ( python / Azure)

이번에는 배포한 웹을 수정하고 재배포 해보겠습니다.

Azure 웹앱 수정 및 재배포

1. Azure CLI 설치 ( https://docs.microsoft.com/ko-kr/cli/azure/install-azure-cli?view=azure-cli-latest )

Azure CLI - 로컬 터미널에서 Azure 리소스를 관리할 수 있는 여러 가지 명령을 제공. ( ex. az 명령어 )

위 주소로 들어가서 'Windows에 설치'를 클릭합니다.

'Windows에 설치' 클릭

2. Azure CLI 설치

아래 사진에 나와 있는 'MSI 설치 관리자 다운로드'를 클릭하여 다운로드 할 수도 있고

관리자 권한으로 PowerShell을 실행한 후 다음 명령을 실행한다.

Invoke-WebRequest -Uri https://aka.ms/installazurecliwindows -OutFile .\AzureCLI.msi; Start-Process msiexec.exe -Wait -ArgumentList '/I AzureCLI.msi /quiet'

'MSI 설치 관리자 다운로드' 클릭

3. 빠른 배포를 위하여 터미널을 열고 다음 명령어를 입력

PowerShell을 열고 다음 명령어를 입력하여 샘플 코드를 다운(clone) 받습니다.

git clone https://github.com/Azure-Samples/python-docs-hello-world

4. clone 받은 샘플 코드로 이동

다음 명령을 입력합니다.

cd python-docs-hello-world

5. 기본 개발 서버를 시작하기 위해서 다음을 입력해줍니다.

PowerShell 기준

py -3 -m venv env env\scripts\activate pip install -r requirements.txt Set-Item Env:FLASK_APP ".\application.py" flask run

Cmd 기준

py -3 -m venv env env\scripts\activate pip install -r requirements.txt SET FLASK_APP=application.py flask run

'flask run' 입력하면 아래 그림과 같이 기본 서버 주소가 표시됩니다.

기본 서버 주소를 복사해서 웹페이지에 입력

6. 위 단계에서 복사한 기본 서버 주소를 웹페이지에 입력하면 다음과 같은 화면이 뜹니다!

Hello World!

이 단계까지하면 개발을 위한 기본 서버를 개설한 것입니다.

이제 이 개발 서버에 자신이 만든 웹앱을 배포해보겠습니다.

웹앱 생성 참고

2020/03/10 - [투자/투자&개발] - [투자 웹사이트 구축] 5. 클라우드로 웹페이지 만들기 ( python / Azure)

7. Azure 로그인

터미널(PowerShell) 에서 다음을 입력하여 Azure에 로그인합니다.

az login

다음 명령어를 입력하면 MS 로그인 웹사이트가 열리고 로그인을 하면 터미널로 로그인이 적용됩니다.

8. 개발 서버에 웹앱 배포하기

python-docs-hello-world 폴더로 이동하여

cd python-docs-hello-world

다음 명령어를 입력합니다.

az webapp up --sku F1 -n -l // ex) az webapp up --sku F1 -n goStock -l koreacentral

app-name은 이전 글에서 만든 app-name 입력 location-name에는 웹앱을 배포했던 지역이름 입력

다음과 같이 입력하고 배포가 완료되면 터미널에 웹앱과 관련된 정보가 표시됩니다.

9. 배포한 웹앱으로 이동

웹브라우저에서 다음 URL으로 배포된 웹앱으로 이동 가능합니다.

http://.azurewebsites.net // ex) http://goStock.azurewebsites.net

개발 서버에 웹앱을 배포해봤습니다.

이제 웹앱을 수정 하고 재배포 해보겠습니다.

10. python-docs-hello-world 폴더에 있는 application.py를 열고 마지막 부분의 return 부분 수정하기

- return 부분 '수정 후 재배포'로 수정

11. 앱을 배포할때 사용했던 명령어 다시 입력 (재배포)

az webapp up --sku F1 -n -l // ex) az webapp up --sku F1 -n goStock -l koreacentral

12. 웹페이지 새로고침 하기

다음과 같이 수정 후 재배포 된 것을 확인할 수 있습니다.

+

이전글 참고

- Anaconda(python) 다운로드

2020/03/08 - [투자/투자&개발] - [투자 웹사이트 구축] 1. Anaconda(python/R data) 설치

- Azure(MS 클라우드) 가입 및 구독하기

2020/03/08 - [투자/투자&개발] - [투자 웹사이트 구축] 2. Azure 구독 (MS 클라우드 컴퓨팅)

- 크레온 가입하기 (대신증권 API)

2020/03/08 - [투자/투자&개발] - [투자 웹사이트 구축] 3. 크레온 가입하기(증권 API)

- 증권 API와 파이썬 연동해보기 ( 증권 API를 사용하여 종목코드 조회)

2020/03/09 - [투자/투자&개발] - [투자 웹사이트 구축] 4. 증권 API와 파이썬 연동해보기( 증권 API를 사용하여 종목코드 조회)

- 클라우드로 웹페이지 만들기

2020/03/10 - [투자/투자&개발] - [투자 웹사이트 구축] 5. 클라우드로 웹페이지 만들기 ( python / Azure)

from http://androman.tistory.com/81 by ccl(A) rewrite - 2020-03-12 23:54:10

댓글

이 블로그의 인기 게시물

2020년의 웹 기술 개발 스택

2020년의 웹 기술 개발 스택 웹 응용 프로그램을 개발할 때 고려해야 할 가장 중요한 것은 앱의 기반이 되는 기술 스택이다. 적절한 기술 스택을 통해 적은 예산으로 가장 큰 효과를 제공하는 것은 기업 입장에서는 특히 어려운 과제이며 올바른 기술 스택 사용은 프로젝트의 성공과 실패를 결정짓는 중요한 열쇠다. 물론 필자는 프로젝트를 직접 운영하고 있지도 않고, 사용할 기술 스택을 선택할 입장이 아니기 때문에 해당 사항이 없다. 하지만 2020년을 살아가는 Front-End 개발자로서 쌓아나가야 할 기술 스택의 방향성을 정하는 데 도움이 되고자 포스팅을 해본다. 2020년 웹 기술 개발 스택 최신 웹 기술 스택을 선택하기 이전에 웹 응용 프로그램 개발 프로세스 구성요소를 명확하게 이해해야 한다. 웹 개발에는 크게 클라이언트 쪽과 서버 쪽의 두 가지로 나뉜다. 클라이언트 측 프로그래밍 (Front-End) 웹 개발에는 사용자가 화면에서 보는 모든 것이 포함된다. 주요 프론트엔드 기술 스택 구성 요소는 다음과 같다. HTML (Hyper Markup Language) 및 CSS (Cascading Style Sheets) HTML은 브라우저에게 웹 페이지의 내용을 표시하는 방법을 알려준다. CSS는 그 내용을 스타일링 한다. (+) Bootstrap : HTML, CSS 관리에 유용한 프레임워크 JavaScript (JS) 웹 페이지를 대화식으로 만든다. 더 빠르고 쉬운 웹 개발을 위한 많은 JS 라이브러리와 프레임워크가 있다. - 라이브러리 : jQuery, React.js 및 Zepto.js - 프레임워크 : Angular, Vue, Backbone 및 Ember) 서버 측 프로그래밍 (Back-End) 서버 측은 어플리케이션(Back-End), 데이터베이스 및 서버 자체가 포함된다. 사용자에게 보이지 않지만 발전소가 집에 전기를 생성하는 것처럼 클라이언트 측에 전원을 공급하는 역할을 한다. 문제는 주로 웹 응용 프로그...

[ubuntu] FLASK_APP

[ubuntu] FLASK_APP Development/Debugging 🐞 FLASK_ENV=development FLASK_APP = app.py flask run zsh: command not found: FLASK_APP ✔️ FLASK_ENV=development FLASK_APP=app.py flask run 띄어쓰기를 해서 저런 오류를 출력할수도 있구나 😲 참고 : 108p에서 FLASK가 FKAS로 오타나있다. from http://hee-stories.tistory.com/18 by ccl(A) rewrite - 2020-03-24 17:20:11

외래어 정리

외래어 정리 [A] acacia 아카시아 academic 아카데믹 academy 아카데미 acanthus 아칸서스 accelerator 액셀러레이터 accent 악센트 acceptor 억셉터 access 액세스 accessory 액세서리 accordion 아코디언 ace 에이스 acetate 아세테이트 acetaldehyde 아세트알데히드 acetic acid 아세트(산) acetone 아세톤 acetyl 아세틸 acetylene 아세틸렌 Achilles tendon 아킬레스(건) acre 에이커 acrylic acid 아크릴(산) action 액션 active 액티브 acyl 아실 AD 에이디 adagio 아다지오 adapter 어댑터 ad + balloon 애드벌룬 address 어드레스 adenine 아데닌 adrenaline 아드레날린 advantage 어드밴티지 aerobic dance 에어로빅 댄스 aerofoil 에어로포일 aerosol 에어로졸 afghan 아프간 [편물] after + service 애프터서비스 agape 아가페 Ainu 아이누 air conditioner 에어컨(디셔너) airspray 에어스프레이 album 앨범 albumin 알부민 alcohol 알코올 aldehyde 알데히드 ALGOL 알골 algorism 알고리즘 alibi 알리바이 alkali 알칼리 alkaloid 알칼로이드 Allah 알라 allegory 알레고리 allegretto 알레그레토 allegro 알레그로 alleluia 알렐루야 Allergie 알레르기 alligator 앨리게이터 all-in-one 올인원 almond 아몬드 aloha 'oe 알로하 오에 Alpenhorn 알펜호른 alpha 알파 alphabet 알파벳 ...