Ошибка развертывания Flask службы приложений Azure: «Не удалось ответить на HTTP-запросы связи на порту 8000; не удалось запустить сайт. Проверьте журналы контейнера на наличие отладки»

Мы начали работать с Flask и с иммерсивным сервисным ридером.

Все работает нормально, когда мы запускаем иммерсивный сервис в режиме отладки из кода Visual Studio. НО, когда мы начинаем развертывание веб-приложения Flask с помощью Immersive Reader в одном из наших веб-приложений в Azure. Это дает нам ошибку. Обратите внимание: мы развертываем его с помощью ZIP-файла, указанного по ссылке ниже:

https://learn.microsoft.com/en-us/azure/app-service/quickstart-python?tabs=flask%2Cwindows%2Cazure-cli%2Czip-deploy%2Cdeploy-instructions-azportal%2Cterminal-bash% 2Cdeploy-instructions-zip-azcli

Мы выполнили все шаги, упомянутые в ссылке, но все равно получаем результат ниже. (посмотрите на прикрепленное изображение).

Затем, после проверки журналов в WebApp, мы обнаруживаем ошибку, как показано ниже: (когда служба опубликована и мы пытаемся вызвать наше развернутое WebApp)

«Контейнер api-aiml-learning-immersivereader-mpn-eastus_0_8947b5bf для сайта api-aiml-learning-immersivereader-mpn-eastus завершился, сайт не запускается

Контейнер api-aiml-learning-immersivereader-mpn-eastus_0_8947b5bf не ответил на HTTP-пинги на порту: 8000, не удалось запустить сайт. Просмотрите журналы контейнера для отладки. "

We — это страница, которую мы ожидаем при запуске WebApp.

Для получения более подробной информации, вот код, который мы использовали из примеров, предоставленных в качестве образца.

код приложения.py

from flask import Flask, render_template, jsonify
import requests
import os

app = Flask(__name__)

AZURE_CLIENT_ID = os.environ['AZURE_CLIENT_ID']
AZURE_CLIENT_SECRET = os.environ['AZURE_CLIENT_SECRET']
AZURE_TENANT_ID = os.environ['AZURE_TENANT_ID']
AZURE_RESOURCE = 'https://cognitiveservices.azure.com/.default'

@app.route('/')

def index():
    return render_template('index.html')


@app.route('/get_token', methods=['GET'])

def get_token():

    url = f'https://login.microsoftonline.com/{AZURE_TENANT_ID}/oauth2/v2.0/token'
    
    headers = {
        'Content-Type': 'application/x-www-form-urlencoded'
    }
    data = {
        'client_id': AZURE_CLIENT_ID,
        'client_secret': AZURE_CLIENT_SECRET,
        'scope': AZURE_RESOURCE,
        'grant_type': 'client_credentials'
    }

    response = requests.post(url, headers=headers, data=data)
    if response.status_code == 200:
        token = response.json().get('access_token')
        return jsonify({'access_token': token})
    else:
        return jsonify({'error': 'Unable to fetch token'}), 500

if __name__ == '__main__':
    app.run(debug=True)

helpers.js

document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('immersiveReaderButton').addEventListener('click', launchImmersiveReader);
});

function launchImmersiveReader() {
    fetch('/get_token')
        .then(response => response.json())
        .then(data => {
            console.info("data" ,data);
            if (data.access_token) {
                const token = data.access_token;
                console.info(token);
                const subdomain = '';  // Replace with your subdomain if necessary

                const content = {
                    title: "Immersive Reader Demo",
                    chunks: [
                        {
                            content: document.getElementById('contentToRead').innerHTML,
                            mimeType: 'text/html'
                        }
                    ]
                };

                const options = {
                    readAloudOptions: {
                        voice: 'en-US-JennyNeural',
                        speed: 1.0
                    },
                    uiLang: 'en'
                };

                ImmersiveReader.launchAsync(token, subdomain, content, options)
                    .then(() => {
                        console.info('Immersive Reader launched successfully');
                    })
                    .catch(error => {
                        console.error('Error launching Immersive Reader:', error);
                    });
            } else {
                console.error('Error fetching token:', data.error);
            }
        })
        
        .catch(error => {
            console.error('Error fetching token:', error);
        });
        console.info(ImmersiveReader.launchAsync);
}

index.html

<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
    <title>Immersive Reader</title>
    <script type='text/javascript' src='https://ircdname.azureedge.net/immersivereadersdk/immersive-reader-sdk.1.4.0.js'></script>
</head>
<body>
    <h1>Immersive Reader Demo</h1>
    <!-- The button with id 'immersiveReaderButton' -->
    <button id = "immersiveReaderButton">Launch Immersive Reader</button>
    <!-- The paragraph with id 'contentToRead' -->
    <p id = "contentToRead">This is some text to be read by the Immersive Reader.</p>
    <script type='text/javascript' src = "{{ url_for('static', filename='helpers.js') }}"></script>
</body>
</html>