빠른 시작: Azure App Service에 Python(Django, Flask 또는 FastAPI) 웹앱 배포

git clone https://github.com/Azure-Samples/msdocs-python-flask-webapp-quickstart

git clone https://github.com/Azure-Samples/msdocs-python-django-webapp-quickstart

git clone https://github.com/Azure-Samples/msdocs-python-fastapi-webapp-quickstart.git

1. 다음과 같이 애플리케이션 폴더로 이동합니다.

   cd msdocs-python-flask-webapp-quickstart
   

2. 앱에 대한 가상 환경을 만듭니다.

   • Windows
   • macOS/Linux

   py -m venv .venv
   .venv\scripts\activate
   

3. 종속성을 설치합니다.

   pip install -r requirements.txt
   

4. 앱을 실행합니다.

   flask run
   

5. 웹 브라우저에서 http://localhost:5000에 있는 샘플 애플리케이션을 찾습니다.

   

문제가 있나요? 알려주세요.

1. 다음과 같이 애플리케이션 폴더로 이동합니다.

   cd msdocs-python-django-webapp-quickstart
   

2. 앱에 대한 가상 환경을 만듭니다.

   • Windows
   • macOS/Linux

   py -m venv .venv
   .venv\scripts\activate
   

3. 종속성을 설치합니다.

   pip install -r requirements.txt
   

4. 앱을 실행합니다.

   python manage.py runserver
   

5. 웹 브라우저에서 http://localhost:8000에 있는 샘플 애플리케이션을 찾습니다.

   

문제가 있나요? 알려주세요.

1. 다음과 같이 애플리케이션 폴더로 이동합니다.

   cd msdocs-python-fastapi-webapp-quickstart
   

2. 앱에 대한 가상 환경을 만듭니다.

   • Windows
   • macOS/Linux

   py -m venv .venv
   .venv\scripts\activate
   

3. 종속성을 설치합니다.

   pip install -r requirements.txt
   

4. 앱을 실행합니다.

   uvicorn main:app --reload
   

5. 웹 브라우저에서 http://localhost:8000에 있는 샘플 애플리케이션을 찾습니다.

   

문제가 있나요? 알려주세요.

Azure CLI 명령은 Azure CLI가 설치된 컴퓨터에서 실행할 수 있습니다.

Azure CLI에는 필요한 리소스를 만들고 한 단계로 애플리케이션을 배포하는 az webapp up 명령이 있습니다.

필요한 경우 az login을 사용하여 Azure에 로그인합니다.

az login

웹앱 및 기타 리소스를 만든 다음, az webapp up을 사용하여 Azure에 코드를 배포합니다.

az webapp up --runtime PYTHON:3.9 --sku B1 --logs

• --runtime 매개 변수는 앱이 실행 중인 Python 버전을 지정합니다. 이 예제에서는 Python 3.9를 사용합니다. 사용 가능한 모든 런타임을 나열하려면 명령 az webapp list-runtimes --os linux --output table을 사용합니다.
• --sku 매개 변수는 App Service 요금제의 크기(CPU, 메모리) 및 비용을 정의합니다. 이 예제에서는 Azure 구독에 약간의 비용이 발생하는 B1(기본) 서비스 요금제를 사용합니다. App Service 요금제의 전체 목록은 App Service 가격 책정 페이지를 참조하세요.
• --logs 플래그는 웹앱을 시작한 직후 로그 스트림을 볼 수 있도록 하는 데 필요한 기본 로깅을 구성합니다.
• 필요에 따라 인수 --name <app-name>을 사용하여 이름을 지정할 수 있습니다. 이름을 제공하지 않으면 이름이 자동으로 생성됩니다.
• 선택적으로 인수 --location <location-name>을 포함할 수 있습니다. 여기서 <location_name>은 사용 가능한 Azure 지역입니다. Azure 계정에 허용되는 지역 목록은 az appservice list-locations 명령을 실행하여 검색할 수 있습니다.

이 명령을 완료하는 데 몇 분 정도 걸릴 수 있습니다. 명령이 실행되는 동안 리소스 그룹, App Service 요금제 및 앱 리소스 만들기, 로깅 구성, ZIP 배포 수행에 대한 메시지가 제공됩니다. 그런 다음, "http://<app-name>.azurewebsites.net에서 앱을 시작할 수 있습니다."라는 메시지를 제공합니다. 이 메시지는 Azure에서 앱의 URL입니다.

The webapp '<app-name>' doesn't exist
Creating Resource group '<group-name>' ...
Resource group creation complete
Creating AppServicePlan '<app-service-plan-name>' ...
Creating webapp '<app-name>' ...
Configuring default logging for the app, if not already enabled
Creating zip with contents of dir /home/cephas/myExpressApp ...
Getting scm site credentials for zip deployment
Starting zip deployment. This operation can take a while to complete ...
Deployment endpoint responded with status code 202
You can launch the app at http://<app-name>.azurewebsites.net
{
  "URL": "http://<app-name>.azurewebsites.net",
  "appserviceplan": "<app-service-plan-name>",
  "location": "centralus",
  "name": "<app-name>",
  "os": "<os-type>",
  "resourcegroup": "<group-name>",
  "runtime_version": "python|3.9",
  "runtime_version_detected": "0.0",
  "sku": "FREE",
  "src_path": "<your-folder-location>"
}

VS Code에서 Azure 리소스를 만들려면 Azure Tools 확장 팩을 설치하고 VS Code에서 Azure로 로그인해야 합니다.

애플리케이션 폴더에서 VS Code를 엽니다.

code .

지침	스크린샷
왼쪽 도구 모음에서 Azure 아이콘을 찾습니다. 아이콘을 선택하여 Azure Tools for VS Code 확장을 표시합니다. Azure Tools 아이콘이 보이지 않으면 VS Code용 Azure Tools 확장이 설치되어 있는지 확인합니다.
VS Code용 Azure Tools 확장에서 다음을 수행합니다. 리소스 섹션을 찾아 구독을 선택합니다. +(리소스 만들기...)를 선택합니다.
App Service 웹앱 만들기... 옵션을 선택합니다.
이 웹앱의 이름 msdocs-python-webapp-quickstart-XYZ를 입력합니다. XYZ는 고유한 3개 문자입니다. 배포할 때 이 이름은 https://<app-name>.azurewebsites.net 양식에서 앱 이름으로 사용됩니다.
애플리케이션에 대한 런타임 스택을 선택합니다. 이 예제에서는 Python 3.9를 선택합니다.
이 웹앱에 사용할 App Service 요금제(가격 책정 계층)를 선택합니다. App Service 요금제는 앱에서 사용할 수 있는 리소스 수(CPU/메모리)와 지불 금액을 제어합니다. 이 예제에서는 기본(B1) 가격 책정 계층을 선택합니다. 이 요금제는 Azure 구독 요금이 약간 발생하지만 무료(F1) 계층보다 좋은 성능을 제공하므로 이 요금제를 사용하는 것이 좋습니다.
"새 웹앱 만들기" 알림에서 배포 단추를 선택합니다.
작업 중인 빠른 시작 폴더를 배포할 폴더로 선택합니다.
예를 선택하여 빌드 구성을 업데이트하고 배포 성능을 향상시킵니다.
배포가 완료되면 VS Code의 오른쪽 아래 모서리에 알림이 나타납니다. 이 알림을 사용하여 웹앱으로 이동할 수 있습니다.

Azure Portal에 로그인하고 다음 단계에 따라 Azure App Service 리소스를 만듭니다.

지침	스크린샷
Azure Portal에서 다음을 수행합니다. Azure Portal 맨 위에 있는 검색 창에 앱 서비스를 입력합니다. 검색 창 아래에 표시되는 메뉴의 Services 제목 아래에서 App Services 레이블이 지정된 항목을 선택합니다.
App Services 페이지에서 + 만들기를 선택한 다음 드롭다운 메뉴에서 + 웹앱을 선택합니다.
웹앱 만들기 페이지에서 다음과 같이 양식을 작성합니다. 리소스 그룹 → 새로 만들기를 선택하고 이름으로 msdocs-python-webapp-quickstart를 사용합니다. 이름 → msdocs-python-webapp-quickstart-XYZ를 선택합니다. XYZ는 임의의 세 문자입니다. 이 이름은 Azure에서 고유해야 합니다. 런타임 스택 → Python 3.9를 선택합니다. 지역 → 가까운 Azure 지역을 선택합니다. App Service 요금제 → 가격 책정 요금제에서 가격 책정 요금제 탐색을 선택하여 다른 App Service 요금제를 선택합니다.
App Service 계획은 앱에서 사용할 수 있는 리소스 양(CPU/메모리)과 해당 리소스의 비용을 제어합니다. 이 예제의 경우 개발/테스트에서 B1 기본 요금제를 선택합니다. B1 기본 요금제는 Azure 계정에 요금을 소액 부과하지만 F1 무료 요금제보다 더 나은 성능을 발휘하려면 사용하는 것이 좋습니다. 완료되면 선택을 선택하여 변경 내용을 적용합니다.
기본 웹앱 만들기 페이지의 화면 아래쪽에서 검토 + 만들기를 선택합니다. 그러면 [검토] 페이지로 이동됩니다. 그런 다음, 만들기를 선택하여 App Service를 만듭니다.

한 단계로 az webapp up 명령을 사용해서 필요한 리소스를 만들고 애플리케이션을 배포했기 때문에 다음 단계로 넘어갈 수 있습니다.

이전 단계에서 필요한 리소스를 만들고 애플리케이션을 배포했기 때문에 다음 단계로 넘어갈 수 있습니다.

애플리케이션 코드의 ZIP 파일을 만들고 Azure에 업로드하여 애플리케이션을 Azure에 배포할 수 있습니다. ZIP 파일은 Azure CLI 또는 cURL과 같은 HTTP 클라이언트를 사용하여 Azure에 업로드할 수 있습니다.

빌드 자동화 사용

Python 코드의 ZIP 파일을 배포할 때 Azure의 빌드 자동화를 사용하도록 플래그를 설정해야 합니다. 빌드 자동화는 필요한 요구 사항을 설치하고 Azure에서 실행되도록 애플리케이션을 패키지합니다.

Azure에서 빌드 자동화는 Azure Portal 또는 Azure CLI에서 SCM_DO_BUILD_DURING_DEPLOYMENT 앱 설정을 설정하여 사용하도록 설정됩니다.

• Azure Portal
• Azure CLI

지침	스크린샷
Azure Portal의 웹앱에 대한 페이지에서 다음을 수행합니다. 왼쪽 도구 모음의 설정 헤더 아래에서 구성을 선택하여 애플리케이션 설정을 표시합니다. 애플리케이션 설정 아래에서 새 애플리케이션 설정을 선택합니다.
대화 상자를 사용하여 다음을 사용하여 새 설정을 입력합니다. 이름 → SCM_DO_BUILD_DURING_DEPLOYMENT 값 → true
저장을 선택하여 설정을 저장합니다.

애플리케이션의 ZIP 파일 만들기

다음으로, 애플리케이션의 ZIP 파일을 만듭니다. 애플리케이션 자체의 구성 요소만 포함하면 됩니다. 점(.)(예: .venv, .gitignore, .github 또는 .vscode)로 시작하는 파일 또는 디렉터리를 포함할 필요가 없습니다.

zip -r <file-name>.zip . -x '.??*'

ZIP 파일을 Azure에 업로드

ZIP 파일이 있으면 Azure CLI 또는 cURL과 같은 HTTP 클라이언트를 사용하여 Azure에 파일을 업로드할 수 있습니다.

# Change these values to the ones used to create the App Service.
RESOURCE_GROUP_NAME='msdocs-python-webapp-quickstart'
APP_SERVICE_NAME='msdocs-python-webapp-quickstart-123'

az webapp deploy \
    --name $APP_SERVICE_NAME \
    --resource-group $RESOURCE_GROUP_NAME \
    --src-path <zip-file-path>

# Change these values to the ones used to create the App Service.
$resourceGroupName='msdocs-python-webapp-quickstart'
$appServiceName='msdocs-python-webapp-quickstart-123'

az webapp deploy `
    --name $appServiceName `
    --resource-group $resourceGroupName `
    --src-path <zip-file-path>

curl -X POST \
    -H 'Content-Type: application/zip' \
    -u '<deployment-user>' \
    -T <zip-file-name> \
    https://<app-name>.scm.azurewebsites.net/api/zipdeploy

curl -X POST `
    -H 'Content-Type: application/zip' `
    -u '<deployment-user>' `
    -T <zip-file-name> `
    https://<app-name>.scm.azurewebsites.net/api/zipdeploy

App Service는 Flask 앱의 존재를 자동으로 감지합니다. 이 빠른 시작을 위해 추가 구성이 필요하지 않습니다.

App Service는 Django 앱의 존재를 자동으로 감지합니다. 이 빠른 시작을 위해 추가 구성이 필요하지 않습니다.

FastAPI의 경우 App Service에서 앱을 실행하도록 사용자 지정 시작 명령을 구성해야 합니다. 다음 명령은 2개의 Uvicorn 작업자 프로세스 gunicorn -w 2 -k uvicorn.workers.UvicornWorker -b 0.0.0.0:8000 main:app을 사용하여 Gunicorn을 시작합니다.

먼저 az webapp config set 명령을 사용하여 시작 명령을 구성합니다.

az webapp config set \
    --startup-file "gunicorn -w 2 -k uvicorn.workers.UvicornWorker -b 0.0.0.0:8000 main:app" \
    --name $APP_SERVICE_NAME \
    --resource-group $RESOURCE_GROUP_NAME

다음으로, az webapp restart 명령을 사용하여 웹앱을 다시 시작합니다.

az webapp restart \
    --name $APP_SERVICE_NAME \
    --resource-group $RESOURCE_GROUP_NAME

App Service는 Flask 앱의 존재를 자동으로 감지합니다. 이 빠른 시작을 위해 추가 구성이 필요하지 않습니다.

App Service는 Django 앱의 존재를 자동으로 감지합니다. 이 빠른 시작을 위해 추가 구성이 필요하지 않습니다.

Azure CLI 또는 Azure Portal을 사용하여 시작 명령을 구성합니다.

App Service는 Flask 앱의 존재를 자동으로 감지합니다. 이 빠른 시작을 위해 추가 구성이 필요하지 않습니다.

App Service는 Django 앱의 존재를 자동으로 감지합니다. 이 빠른 시작을 위해 추가 구성이 필요하지 않습니다.

FastAPI의 경우 App Service에서 앱을 실행하도록 사용자 지정 시작 명령을 구성해야 합니다. 다음 명령은 2개의 Uvicorn 작업자 프로세스 gunicorn -w 2 -k uvicorn.workers.UvicornWorker -b 0.0.0.0:8000 main:app을 사용하여 Gunicorn을 시작합니다.

지침	스크린샷
먼저 Azure App Service에서 시작 명령을 구성합니다. Azure Portal에서 App Service 인스턴스의 페이지로 이동합니다. 페이지 왼쪽 메뉴의 설정 제목 아래에서 구성을 선택합니다. 일반 설정 탭이 선택되어 있는지 확인합니다. 시작 명령 필드에 gunicorn -w 2 -k uvicorn.workers.UvicornWorker -b 0.0.0.0:8000 main:app을 입력합니다. 저장을 선택하여 변경 내용을 저장합니다. 계속하기 전에 설정이 업데이트되었다는 알림을 기다립니다.
다음으로, 웹앱을 다시 시작합니다. 페이지 왼쪽의 메뉴에서 개요를 선택합니다. 위쪽 메뉴에서 다시 시작을 선택합니다.

@app.route('/')
def index():
   print('Request for index page received')
   return render_template('index.html')

@app.route('/favicon.ico')
def favicon():
    return send_from_directory(os.path.join(app.root_path, 'static'),
                               'favicon.ico', mimetype='image/vnd.microsoft.icon')

@app.route('/hello', methods=['POST'])
def hello():
   name = request.form.get('name')

   if name:
       print('Request for hello page received with name=%s' % name)
       return render_template('hello.html', name = name)
   else:
       print('Request for hello page received with no name or blank name -- redirecting')
       return redirect(url_for('index'))

def index(request):
    print('Request for index page received')
    return render(request, 'hello_azure/index.html')

@csrf_exempt
def hello(request):
    if request.method == 'POST':
        name = request.POST.get('name')
        
        if name is None or name == '':
            print("Request for hello page received with no name or blank name -- redirecting")
            return redirect('index')
        else:
            print("Request for hello page received with name=%s" % name)
            context = {'name': name }
            return render(request, 'hello_azure/hello.html', context)
    else:

@app.get("/", response_class=HTMLResponse)
async def index(request: Request):
    print('Request for index page received')
    return templates.TemplateResponse('index.html', {"request": request})

@app.get('/favicon.ico')
async def favicon():
    file_name = 'favicon.ico'
    file_path = './static/' + file_name
    return FileResponse(path=file_path, headers={'mimetype': 'image/vnd.microsoft.icon'})

@app.post('/hello', response_class=HTMLResponse)
async def hello(request: Request, name: str = Form(...)):
    if name:
        print('Request for hello page received with name=%s' % name)
        return templates.TemplateResponse('hello.html', {"request": request, 'name':name})
    else:
        print('Request for hello page received with no name or blank name -- redirecting')
        return RedirectResponse(request.url_for("index"), status_code=status.HTTP_302_FOUND)

먼저 az webapp log config 명령을 사용하여 App Service 파일 시스템에 로그를 출력하도록 Azure App Service를 구성해야 합니다.

az webapp log config \
    --web-server-logging filesystem \
    --name $APP_SERVICE_NAME \
    --resource-group $RESOURCE_GROUP_NAME

az webapp log config `
    --web-server-logging 'filesystem' `
    --name $APP_SERVICE_NAME `
    --resource-group $RESOURCE_GROUP_NAME

로그를 스트리밍하려면 az webapp log tail 명령을 사용합니다.

az webapp log tail \
    --name $APP_SERVICE_NAME \
    --resource-group $RESOURCE_GROUP_NAME

az webapp log tail `
    --name $APP_SERVICE_NAME `
    --resource-group $RESOURCE_GROUP_NAME

앱에서 홈페이지를 새로 고치거나 다른 요청을 시도하여 일부 로그 메시지를 생성합니다. 출력은 다음과 같이 표시됩니다.

Starting Live Log Stream ---

2021-12-23T02:15:52.740703322Z Request for index page received
2021-12-23T02:15:52.740740222Z 169.254.130.1 - - [23/Dec/2021:02:15:52 +0000] "GET / HTTP/1.1" 200 1360 "https://msdocs-python-webapp-quickstart-123.azurewebsites.net/hello" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0"
2021-12-23T02:15:52.841043070Z 169.254.130.1 - - [23/Dec/2021:02:15:52 +0000] "GET /static/bootstrap/css/bootstrap.min.css HTTP/1.1" 200 0 "https://msdocs-python-webapp-quickstart-123.azurewebsites.net/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0"
2021-12-23T02:15:52.884541951Z 169.254.130.1 - - [23/Dec/2021:02:15:52 +0000] "GET /static/images/azure-icon.svg HTTP/1.1" 200 0 "https://msdocs-python-webapp-quickstart-123.azurewebsites.net/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0"
2021-12-23T02:15:53.043211176Z 169.254.130.1 - - [23/Dec/2021:02:15:53 +0000] "GET /favicon.ico HTTP/1.1" 404 232 "https://msdocs-python-webapp-quickstart-123.azurewebsites.net/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0"

2021-12-23T02:16:01.304306845Z Request for hello page received with name=David
2021-12-23T02:16:01.304335945Z 169.254.130.1 - - [23/Dec/2021:02:16:01 +0000] "POST /hello HTTP/1.1" 200 695 "https://msdocs-python-webapp-quickstart-123.azurewebsites.net/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0"
2021-12-23T02:16:01.398399251Z 169.254.130.1 - - [23/Dec/2021:02:16:01 +0000] "GET /static/bootstrap/css/bootstrap.min.css HTTP/1.1" 304 0 "https://msdocs-python-webapp-quickstart-123.azurewebsites.net/hello" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0"
2021-12-23T02:16:01.430740060Z 169.254.130.1 - - [23/Dec/2021:02:16:01 +0000] "GET /static/images/azure-icon.svg HTTP/1.1" 304 0 "https://msdocs-python-webapp-quickstart-123.azurewebsites.net/hello" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0"

az group delete 명령을 사용하여 리소스 그룹을 삭제합니다.

az group delete \
    --name msdocs-python-webapp-quickstart \
    --no-wait

--no-wait 인수를 사용하면 작업이 완료되기 전에 명령을 반환할 수 있습니다.

Azure Portal에 로그인하는 동안 다음 단계에 따라 리소스 그룹을 삭제합니다.

지침	스크린샷
Azure Portal에서 리소스 그룹으로 이동합니다. 페이지 맨 위에 있는 검색 창에 리소스 그룹의 이름을 입력합니다. 리소스 그룹 머리글 아래에서 리소스 그룹의 이름을 선택하여 해당 이름으로 이동합니다.
페이지 맨 위에서 리소스 그룹 삭제 단추를 선택합니다.
확인 대화 상자에서 리소스 그룹의 이름을 입력하여 삭제를 확인합니다. 삭제를 선택하여 리소스 그룹을 삭제합니다.