Hızlı Başlangıç: Azure Uygulaması Hizmetine Python (Django veya Flask) web uygulaması dağıtma

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

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

1. Uygulama klasörüne gidin:

   cd msdocs-python-flask-webapp-quickstart
   

2. Uygulama için sanal ortam oluşturma:

   • Windows
   • macOS/Linux

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

3. Bağımlılıkları yükleyin:

   pip install -r requirements.txt
   

4. Uygulamayı çalıştırın:

   flask run
   

5. Web tarayıcısında konumundaki http://localhost:5000 örnek uygulamaya göz atın.

   

Sorun mu yaşıyorsunuz? Bize bildirin.

1. Uygulama klasörüne gidin:

   cd msdocs-python-django-webapp-quickstart
   

2. Uygulama için sanal ortam oluşturma:

   • Windows
   • macOS/Linux

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

3. Bağımlılıkları yükleyin:

   pip install -r requirements.txt
   

4. Uygulamayı çalıştırın:

   python manage.py runserver
   

5. Web tarayıcısında konumundaki http://localhost:8000 örnek uygulamaya göz atın.

   

Sorun mu yaşıyorsunuz? Bize bildirin.

Azure CLI komutları, Azure CLI yüklü bir bilgisayarda çalıştırılabilir.

Azure CLI,gerekli kaynakları oluşturacak ve uygulamanızı tek bir adımda dağıtacak bir komuta az webapp up sahiptir.

Gerekirse az login kullanarak Azure'da oturum açın.

az login

Web uygulamasını ve diğer kaynakları oluşturun, ardından az webapp up kullanarak kodunuzu Azure'a dağıtın.

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

• --runtime parametresi, uygulamanızın hangi Python sürümünü çalıştırdığını belirtir. Bu örnekte Python 3.9 kullanılır. Kullanılabilir tüm çalışma zamanlarını listelemek için komutunu az webapp list-runtimes --os linux --output tablekullanın.
• parametresi, --sku app service planının boyutunu (CPU, bellek) ve maliyetini tanımlar. Bu örnek, Azure aboneliğinizde küçük bir maliyete neden olacak B1 (Temel) hizmet planını kullanır. App Service planlarının tam listesi için App Service fiyatlandırma sayfasını görüntüleyin.
• bayrağı, --logs web uygulamasını başlattıktan hemen sonra günlük akışını görüntülemeyi etkinleştirmek için gereken varsayılan günlüğü yapılandırıyor.
• İsteğe bağlı olarak bağımsız değişkeniyle --name <app-name>bir ad belirtebilirsiniz. Sağlamazsanız, otomatik olarak bir ad oluşturulur.
• İsteğe bağlı olarak bağımsız değişkeni --location <location-name> kullanılabilir bir Azure bölgesi olan yere <location_name> ekleyebilirsiniz. komutunu çalıştırarak Azure hesabınız için izin verilebilen bölgelerin az account list-locations listesini alabilirsiniz.

Komutun tamamlanması birkaç dakika sürebilir. Komut çalışırken kaynak grubunu, App Service planını ve uygulama kaynağını oluşturma, günlüğe kaydetmeyi yapılandırma ve ZIP dağıtımı yapma hakkında iletiler sağlar. Ardından uygulamanın Azure'daki URL'si olan "Uygulamayı http://< app-name.azurewebsites.net> adresinde başlatabilirsiniz" iletisini verir.

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'da Azure kaynakları oluşturmak için Azure Araçları uzantı paketinin yüklü olması ve VS Code'dan Azure'da oturum açmış olmanız gerekir.

Uygulama klasöründe VS Code'ı açın:

code .

Yönergeler	Ekran görüntüsü
Sol taraftaki araç çubuğunda Azure simgesini bulun. VS Code için Azure Araçları uzantısını getirmek için bunu seçin. Azure Araçları simgesini görmüyorsanız VS Code için Azure Araçları uzantısının yüklü olduğundan emin olun.
VS Code için Azure Araçları uzantısında: KAYNAKLAR bölümünü bulun ve aboneliğinizi seçin. Seçin + (Kaynak Oluştur...)
App Service Web Uygulaması Oluştur... seçeneğini belirleyin.
XYZ'nin üç benzersiz karakter olduğu bu web uygulaması için msdocs-python-webapp-quickstart-XYZ adını girin. Dağıtıldığında, bu ad biçiminde https://<app-name>.azurewebsites.netuygulama adınız olarak kullanılır.
Uygulama için çalışma zamanı yığınını seçin. Bu örnekte Python 3.9'ı seçin.
Bu web uygulaması için App Service planını (fiyatlandırma katmanı) seçin. App Service planı, uygulamanızda kaç kaynağın (CPU/bellek) kullanılabilir olduğunu ve ne kadar ödeme yaptığınız denetler. Bu örnek için Temel (B1) fiyatlandırma katmanını seçin. Bu plan, Azure aboneliğinize küçük bir ücret yansıtılır ancak Ücretsiz (F1) katmanında daha iyi performans için önerilir.
"Yeni web uygulaması oluşturuldu" bildiriminde Dağıt düğmesini seçin.
Dağıtılacak klasör olarak üzerinde çalıştığınız hızlı başlangıç klasörünü seçin.
Derleme yapılandırmanızı güncelleştirmek ve dağıtım performansını geliştirmek için Evet yanıtını verin.
Dağıtım tamamlandığında VS Code'un sağ alt köşesinde bir bildirim görüntülenir. Web uygulamanıza göz atmak için bu bildirimi kullanabilirsiniz.

Azure portalında oturum açın ve Azure Uygulaması Hizmeti kaynaklarınızı oluşturmak için bu adımları izleyin.

Yönergeler	Ekran görüntüsü
Azure portalında: Azure portalının üst kısmındaki arama çubuğuna uygulama hizmetlerini girin. Arama çubuğunun altında görüntülenen menünün Hizmetler başlığı altında App Services etiketli öğeyi seçin.
App Services sayfasında + Oluştur'u ve ardından açılan menüden + Web Uygulaması'nı seçin.
Web Uygulaması Oluştur sayfasında, formu aşağıdaki gibi doldurun. Kaynak Grubu → Yeni oluştur'u seçin ve msdocs-python-webapp-quickstart adını kullanın. msdocs-python-webapp-quickstart-XYZ ad → burada XYZ herhangi bir rastgele karakterdir. Bu ad Azure genelinde benzersiz olmalıdır. Python 3.9 → çalışma zamanı yığını. Bölge → Yakınınızda herhangi bir Azure bölgesi. App Service Planı → Fiyatlandırma planı altında Farklı bir App Service planı seçmek için Fiyatlandırma planlarını keşfedin'i seçin.
App Service planı, uygulamanızda kaç kaynağın (CPU/bellek) kullanılabilir olduğunu ve bu kaynakların maliyetini denetler. Bu örnekte Geliştirme/Test'in altında Temel B1 planını seçin. Temel B1 planı, Azure hesabınıza küçük bir ücret yansıtılır ancak Ücretsiz F1 planında daha iyi performans için önerilir. İşiniz bittiğinde, değişikliklerinizi uygulamak için Seç'i seçin.
Ana Web Uygulaması Oluştur sayfasında, ekranın alt kısmındaki Gözden Geçir ve oluştur'u seçin. Bu işlem sizi Gözden Geçir sayfasına götürür. App Service'inizi oluşturmak için Oluştur'u seçin.

az webapp up Komut gerekli kaynakları oluşturduğundan ve uygulamanızı tek bir adımda dağıttıktan sonra 4 - Uygulamaya gözat seçeneğine geçebilirsiniz.

Önceki adım gerekli kaynakları oluşturduğundan ve uygulamanızı tek bir adımda dağıttıktan sonra 4 - Uygulamaya göz at'a geçebilirsiniz.

Yerel deponuzda kodun gönderilmesi için Azure'ı işaret eden bir Git uzak alanı yapılandırarak uygulama kodunuzu yerel bir Git deposundan Azure'a dağıtabilirsiniz. Uzak deponun URL'si ve yapılandırma için gereken Git kimlik bilgileri Azure portalı veya Azure CLI kullanılarak alınabilir.

• Azure portalı
• Azure CLI

Yönergeler	Ekran görüntüsü
Uygulamanızın App Service'ine gidin. Ekranın üst kısmındaki arama kutusuna App Service'inizin adını girin. Kaynaklar başlığı altında App Service'i seçerek bu bölüme gidin.
App Service sayfasında: Ekranın sol tarafındaki menüden Dağıtım Merkezi'ni seçin. Kaynak etiketli açılan listede Yerel Git'i seçin. Kaydet'i seçin.
Kaydettikten sonra, sayfa yenilenir ve uzak Git deposunun adresini görüntüler. Git Clone Uri değerini kopyalayın, bu değer sonraki bir adımda git uzak değerini ayarlamak için kullanılacaktır.
Dağıtım Merkezi sayfasında Yerel Git/FTPS kimlik bilgileri sekmesine gidin. Uygulama kapsamı kimlik bilgileri altında yerel git kullanıcı adını ve parolasını bulun. Kodunuzu uzak depoya dağıtırken bu kimlik bilgilerini anlık olarak kopyalayabilmeniz için bu ekranı açık tutun. örneğin$msdocs-python-webapp-quickstart-123, ile $başlayan yerel git kullanıcı adını kopyaladığınızdan emin olun. Uzak Git deposuna ilk kez kod gönderdiğinizde, uzak depoda kimlik doğrulaması yapmak için bu kimlik bilgileri gerekir.

Ardından, uygulamanızın kök dizininde, önceki adımda elde edilen Azure uzaktan kumandasının Git URL'sini kullanarak Azure'a işaret eden bir Git uzak alanını yapılandırın.

git remote add azure <git-deployment-url>

Artık az önce yapılandırdığınız Git uzak komutunu kullanarak yerel Git deponuzdan Azure'a kod gönderebilirsiniz. App Service için varsayılan dağıtım dalı şeklindedir master, ancak birçok Git deposu'ndan ' master a maintaşınıyor. Göndermede yerel dal adından uzak dal adına eşlemeyi belirtebilir (aşağıda gösterildiği gibi) veya uygulama ayarınızı DEPLOYMENT_BRANCHyapılandırabilirsiniz.

git push azure main:master

Azure'a ilk kez kod gönderişinizde Git, önceki adımda edindiğiniz Azure dağıtım kimlik bilgilerini ister. Git daha sonra bu kimlik bilgilerini önbelleğe alır, böylece sonraki dağıtımlarda yeniden giriş yapmak zorunda kalmazsınız.

Uygulamalar, uygulama kodunun ZIP dosyasını oluşturup Azure'a yükleyerek Azure'a dağıtılabilir. ZIP dosyaları Azure CLI veya cURL gibi bir HTTP istemcisi kullanılarak Azure'a yüklenebilir.

Derleme otomasyonlarını etkinleştirme

Python kodunuzun ZIP dosyasını dağıtırken Azure derleme otomasyonunun etkinleştirilmesi için bir bayrak ayarlamanız gerekir. Derleme otomasyonu gerekli gereksinimleri yükler ve uygulamayı Azure'da çalıştırılacak şekilde paketler.

Azure portalında veya Azure CLI'da uygulama ayarı ayarlanarak SCM_DO_BUILD_DURING_DEPLOYMENT Azure'da derleme otomasyonu etkinleştirilir.

• Azure portalı
• Azure CLI

Yönergeler	Ekran görüntüsü
Azure portalında web uygulamasının sayfasında: Uygulama ayarlarını açmak için sol araç çubuğundaki Ayarlar üst bilgisinin altında Yapılandırma'yı seçin. Uygulama ayarları'nın altında Yeni uygulama ayarı'nı seçin.
İletişim kutusunu kullanarak şununla yeni bir ayar girin: Ad → SCM_DO_BUILD_DURING_DEPLOYMENT Değer → true
Ayarlarınızı kaydetmek için Kaydet'i seçin.

Uygulamanızın ZIP dosyasını oluşturma

Ardından uygulamanızın zip dosyasını oluşturun. Yalnızca uygulamanın bileşenlerini eklemeniz gerekir. , .gitignore, .githubveya .vscodegibi .venvnokta (.) ile başlayan hiçbir dosya veya dizin eklemeniz gerekmez.

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

ZIP dosyasını Azure'a yükleme

Zip dosyanız olduktan sonra, dosya Azure CLI veya Postman veya cURL gibi bir HTTP istemcisi kullanılarak Azure'a yüklenebilir.

• Azure CLI
• Postman
• cURL

az webapp deploy komutu bir zip dosyasını Azure'a yüklemek ve dağıtmak için kullanılabilir.

• bash
• PowerShell terminali

# 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>

app = Flask(__name__)


@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')

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:

İlk olarak, az webapp log config komutunu kullanarak günlükleri App Service dosya sistemine çıkarmak için Azure Uygulaması Hizmeti'ni yapılandırmanız gerekir.

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

Günlükleri akışla aktarmak için az webapp log tail komutunu kullanın.

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

Uygulamadaki giriş sayfasını yenileyin veya bazı günlük iletileri oluşturmak için diğer istekleri deneme. Çıkış aşağıdakine benzer görünmelidir.

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 komutunu kullanarak kaynak grubunu silin .

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

--no-wait bağımsız değişkeni, işlemin tamamlanmasından önce komutun döndürülmesini sağlar.

Kaynak grubunu silmek için Azure portalında oturum açmış durumdayken bu adımları izleyin.

Yönergeler	Ekran görüntüsü
Azure portalında kaynak grubuna gidin. Sayfanın üst kısmındaki arama çubuğuna kaynak grubunun adını girin. Kaynak Grupları başlığı altında, kaynak grubunun adını seçerek bu gruba gidin.
Sayfanın üst kısmındaki Kaynak grubunu sil düğmesini seçin.
Silme işlemini onaylamak için onay iletişim kutusunda kaynak grubunun adını girin. Kaynak grubunu silmek için Sil'i seçin.