Öğretici: Azure İşlevleri ve Azure Web PubSub hizmetiyle sunucusuz bildirim uygulaması oluşturma

Azure Web PubSub hizmeti, WebSockets kullanarak gerçek zamanlı mesajlaşma web uygulamaları oluşturmanıza yardımcı olur. Azure İşlevleri, herhangi bir altyapı yönetimine gerek kalmadan kodunuzu çalıştırmanıza olanak tanıyan sunucusuz bir platformdur. Bu öğreticide, bildirim senaryoları altında gerçek zamanlı mesajlaşma ile sunucusuz bir uygulama oluşturmak için Azure Web PubSub hizmetini kullanmayı ve Azure İşlevleri öğreneceksiniz.

Bu öğreticide aşağıdakilerin nasıl yapılacağını öğreneceksiniz:

Sunucusuz bildirim uygulaması oluşturma
Web PubSub fonksiyon giriş ve çıkış bağlantılarıyla çalışma
Örnek işlevleri yerel olarak çalıştırma
İşlevi Azure İşlev Uygulamasına dağıtma

Önemli

Ham bağlantı dizesi yalnızca tanıtım amacıyla bu makalede görünür.

bağlantı dizesi, uygulamanızın Azure Web PubSub hizmetine erişmesi için gereken yetkilendirme bilgilerini içerir. bağlantı dizesi içindeki erişim anahtarı, hizmetinizin kök parolasına benzer. Üretim ortamlarında erişim anahtarlarınızı her zaman koruyun. Anahtarlarınızı güvenli bir şekilde yönetmek ve döndürmek ve bağlantınızın WebPubSubServiceClientgüvenliğini sağlamak için Azure Key Vault kullanın.

Erişim anahtarlarını diğer kullanıcılara dağıtmaktan, sabit kodlamaktan veya başkalarının erişebileceği herhangi bir yerde düz metin olarak kaydetmekten kaçının. Ele geçirilmiş olabileceklerini düşünüyorsanız anahtarlarınızı döndürün.

Önkoşullar

Visual Studio Code gibi bir kod düzenleyicisi
Node.js, sürüm 18.x veya üzeri.

Not

desteklenen Node.js sürümleri hakkında daha fazla bilgi için Azure İşlevleri çalışma zamanı sürümleri belgelerine bakın.
Azure İşlevleri Temel Araçlar (tercihen V4 veya üstü), Azure İşlev uygulamalarını yerel olarak çalıştırmak ve Azure'a dağıtmak için.
Azure kaynaklarını yönetmek için Azure CLI.

Azure hesabınız yoksa, başlamadan önce ücretsiz hesap oluşturun.

Azure hesabınızla Azure portalın https://portal.azure.com/ sayfasında oturum açın.

Azure Web PubSub hizmet örneği oluşturma

Uygulamanız Azure'da bir Web PubSub hizmet örneğine bağlanır.

Azure portalın sol üst köşesinde bulunan Yeni düğmesini seçin. Yeni ekranında, arama kutusuna Web PubSub yazın ve Enter tuşuna basın. (Azure Web PubSub'u Web kategorisinde de arayabilirsiniz.)
Arama sonuçlarından Web PubSub'ı ve ardından Oluştur'u seçin.

Aşağıdaki ayarları girin.

Ayar	Önerilen değer	Açıklama
Kaynak adı	Genel olarak benzersiz bir ad	Yeni Web PubSub hizmet örneğinizi tanımlayan dünya çapında benzersiz bir ad. Geçerli karakterler : `a-z`, `A-Z`, `0-9`ve `-`.
Abonelik	Aboneliğiniz	Bu yeni Web PubSub hizmet örneğinin oluşturulduğu Azure aboneliği.
Kaynak Grubu	myResourceGroup (Kaynak Grubum)	Web PubSub hizmet örneğinizin oluşturulacağı yeni kaynak grubunun adı.
Konum	Batı ABD	Size yakın olan bir bölgeyi seçin.
Fiyatlandırma katmanı	Ücretsiz	Önce Azure Web PubSub hizmetini ücretsiz deneyebilirsiniz. Azure Web PubSub hizmeti fiyatlandırma katmanları hakkında daha fazla bilgi edinin
Birim sayısı	-	Birim sayısı, Web PubSub hizmet örneğinizin kabul edebileceği bağlantı sayısını belirtir. Her birim en fazla 1.000 eşzamanlı bağlantıyı destekler. Bu yalnızca Standart katmanda yapılandırılabilir.

Portalda Azure Web PubSub örneğini oluşturma işleminin ekran görüntüsü.

Web PubSub hizmet örneğini dağıtmaya başlamak için Oluştur'u seçin.

İşlevleri yerel olarak oluşturma ve çalıştırma

Azure İşlevleri Temel Araçları'nın yüklü olduğundan emin olun. Şimdi proje için boş bir dizin oluşturun. Komutunu bu çalışma dizininin altında çalıştırın. Aşağıdaki seçeneklerden birini kullanın.
```
func init --worker-runtime javascript --model V4
```
```
func init --worker-runtime javascript --model V3
```
```
func init --worker-runtime dotnet
```
```
func init --worker-runtime dotnet-isolated
```
```
func init --worker-runtime python --model V1
```
yükleme Microsoft.Azure.WebJobs.Extensions.WebPubSubadımlarını izleyin.
Web PubSub desteği almak için host.json'nin extensionBundle'ını 4.* veya daha sonraki bir sürüme onaylayın ya da güncelleyin. 'yi host.jsongüncelleştirmek için dosyayı düzenleyicide açın ve ardından mevcut sürüm uzantısıBundle'ı sürüm 4.* veya sonraki bir sürümle değiştirin.
```
{
    "extensionBundle": {
        "id": "Microsoft.Azure.Functions.ExtensionBundle",
        "version": "[4.*, 5.0.0)"
    }
}
```
Web PubSub desteği almak için host.jsonextensionBundle'ı 3.3.0 veya daha sonraki bir sürüme onaylayın veya güncelleştirin. 'yi host.jsongüncelleştirmek için dosyayı düzenleyicide açın ve var olan sürüm uzantısıBundle'ı 3.3.0 veya sonraki bir sürümle değiştirin.
```
{
    "extensionBundle": {
        "id": "Microsoft.Azure.Functions.ExtensionBundle",
        "version": "[3.3.*, 4.0.0)"
    }
}
```
```
dotnet add package Microsoft.Azure.WebJobs.Extensions.WebPubSub
```
```
dotnet add package Microsoft.Azure.Functions.Worker.Extensions.WebPubSub --prerelease
```
Web PubSub desteği almak için uzantısıBundle'ı sürüm 3.3.0host.jsongüncelleştirin. 'yi host.jsongüncelleştirmek için dosyayı düzenleyicide açın ve var olan sürüm uzantısıBundle'ı 3.3.0 veya sonraki bir sürümle değiştirin.
```
{
    "extensionBundle": {
        "id": "Microsoft.Azure.Functions.ExtensionBundle",
        "version": "[3.3.*, 4.0.0)"
    }
}
```

İstemciler için statik bir index web sayfasını okumak ve barındırmak için bir işlev oluşturun.

func new -n index -t HttpTrigger

Aşağıdaki kodları güncelleştirin src/functions/index.js ve kopyalayın.

const { app } = require('@azure/functions');
const { readFile } = require('fs/promises');

app.http('index', {
    methods: ['GET', 'POST'],
    authLevel: 'anonymous',
    handler: async (context) => {
        const content = await readFile('index.html', 'utf8', (err, data) => {
            if (err) {
                context.err(err)
                return
            }
        });

        return { 
            status: 200,
            headers: { 
                'Content-Type': 'text/html'
            }, 
            body: content, 
        };
    }
});

Aşağıdaki json kodlarını güncelleştirin index/function.json ve kopyalayın.

{
  "bindings": [
    {
      "authLevel": "anonymous",
      "type": "httpTrigger",
      "direction": "in",
      "name": "req",
      "methods": [
        "get",
        "post"
      ]
    },
    {
      "type": "http",
      "direction": "out",
      "name": "res"
    }
  ]
}

Aşağıdaki kodları güncelleştirin index/index.js ve kopyalayın.

var fs = require('fs');
var path = require('path');

module.exports = function (context, req) {
    var index = context.executionContext.functionDirectory + '/../index.html';
    context.log("index.html path: " + index);
    fs.readFile(index, 'utf8', function (err, data) {
        if (err) {
            console.log(err);
            context.done(err);
        }
        context.res = {
            status: 200,
            headers: {
                'Content-Type': 'text/html'
            },
            body: data
        };
        context.done();
    });
}

index.cs güncelleyin ve Run işlevini aşağıdaki kodlarla değiştirin.

[FunctionName("index")]
public static IActionResult Run([HttpTrigger(AuthorizationLevel.Anonymous)] HttpRequest req, ExecutionContext context, ILogger log)
{
    var indexFile = Path.Combine(context.FunctionAppDirectory, "index.html");
    log.LogInformation($"index.html path: {indexFile}.");
    return new ContentResult
    {
        Content = File.ReadAllText(indexFile),
        ContentType = "text/html",
    };
}

index.cs güncelleyin ve Run işlevini aşağıdaki kodlarla değiştirin.

[Function("index")]
public HttpResponseData Run([HttpTrigger(AuthorizationLevel.Anonymous, "get", "post")] HttpRequestData req, FunctionContext context)
{
    var path = Path.Combine(context.FunctionDefinition.PathToAssembly, "../index.html");
    _logger.LogInformation($"index.html path: {path}.");

    var response = req.CreateResponse();
    response.WriteString(File.ReadAllText(path));
    response.Headers.Add("Content-Type", "text/html");
    return response;
}

Aşağıdaki json kodlarını güncelleştirin index/function.json ve kopyalayın.

{
  "scriptFile": "__init__.py",
  "bindings": [
    {
      "authLevel": "anonymous",
      "type": "httpTrigger",
      "direction": "in",
      "name": "req",
      "methods": [
        "get",
        "post"
      ]
    },
    {
      "type": "http",
      "direction": "out",
      "name": "$return"
    }
  ]
}

Aşağıdaki kodları güncelleştirin index/__init__.py ve kopyalayın.

import os

import azure.functions as func

def main(req: func.HttpRequest) -> func.HttpResponse:
    f = open(os.path.dirname(os.path.realpath(__file__)) + '/../index.html')
    return func.HttpResponse(f.read(), mimetype='text/html')

İstemcilerin erişim belirteci ile hizmet bağlantısı URL'sini almasına yardımcı olacak bir negotiate işlev oluşturun.

func new -n negotiate -t HttpTrigger

Aşağıdaki kodları güncelleştirin src/functions/negotiate.js ve kopyalayın.

const { app, input } = require('@azure/functions');

const connection = input.generic({
    type: 'webPubSubConnection',
    name: 'connection',
    hub: 'notification'
});

app.http('negotiate', {
    methods: ['GET', 'POST'],
    authLevel: 'anonymous',
    extraInputs: [connection],
    handler: async (request, context) => {
        return { body: JSON.stringify(context.extraInputs.get('connection')) };
    },
});

Aşağıdaki json kodlarını güncelleştirin negotiate/function.json ve kopyalayın.

{
  "bindings": [
    {
      "authLevel": "anonymous",
      "type": "httpTrigger",
      "direction": "in",
      "name": "req"
    },
    {
      "type": "http",
      "direction": "out",
      "name": "res"
    },
    {
      "type": "webPubSubConnection",
      "name": "connection",
      "hub": "notification",
      "direction": "in"
    }
  ]
}

Klasör anlaşması oluşturun, aşağıdaki kodları güncelleştirin negotiate/index.js ve kopyalayın.

module.exports = function (context, req, connection) {
    context.res = { body: connection };
    context.done();
};

negotiate.cs güncelleyin ve Run işlevini aşağıdaki kodlarla değiştirin.

[FunctionName("negotiate")]
public static WebPubSubConnection Run(
    [HttpTrigger(AuthorizationLevel.Anonymous, "get", "post", Route = null)] HttpRequest req,
    [WebPubSubConnection(Hub = "notification")] WebPubSubConnection connection,
    ILogger log)
{
    log.LogInformation("Connecting...");

    return connection;
}

Gerekli bağımlılıkları çözmek için başlıkta using deyimler ekleyin.
```
using Microsoft.Azure.WebJobs.Extensions.WebPubSub;
```

negotiate.cs güncelleyin ve Run işlevini aşağıdaki kodlarla değiştirin.

[Function("negotiate")]
public HttpResponseData Run([HttpTrigger(AuthorizationLevel.Anonymous, "get", "post")] HttpRequestData req,
    [WebPubSubConnectionInput(Hub = "notification")] WebPubSubConnection connectionInfo)
{
    var response = req.CreateResponse(HttpStatusCode.OK);
    response.WriteAsJsonAsync(connectionInfo);
    return response;
}

"Negotiate adında bir klasör oluşturun, güncelleyin negotiate/function.json ve aşağıdaki json kodlarını kopyalayın."

{
  "scriptFile": "__init__.py",
  "bindings": [
    {
      "authLevel": "anonymous",
      "type": "httpTrigger",
      "direction": "in",
      "name": "req"
    },
    {
      "type": "http",
      "direction": "out",
      "name": "$return"
    },
    {
      "type": "webPubSubConnection",
      "name": "connection",
      "hub": "notification",
      "direction": "in"
    }
  ]
}

Aşağıdaki kodları güncelleştirin negotiate/__init__.py ve kopyalayın.

import logging

import azure.functions as func


def main(req: func.HttpRequest, connection) -> func.HttpResponse:
    return func.HttpResponse(connection)

Bir notification işlevi oluşturup TimerTrigger ile bildirim oluşturun.

func new -n notification -t TimerTrigger

Aşağıdaki kodları güncelleştirin src/functions/notification.js ve kopyalayın.

const { app, output } = require('@azure/functions');

const wpsAction = output.generic({
    type: 'webPubSub',
    name: 'action',
    hub: 'notification'
});

app.timer('notification', {
    schedule: "*/10 * * * * *",
    extraOutputs: [wpsAction],
    handler: (myTimer, context) => {
        context.extraOutputs.set(wpsAction, {
            actionName: 'sendToAll',
            data: `[DateTime: ${new Date()}] Temperature: ${getValue(22, 1)}\xB0C, Humidity: ${getValue(40, 2)}%`,
            dataType: 'text',
        });
    },
});

function getValue(baseNum, floatNum) {
    return (baseNum + 2 * floatNum * (Math.random() - 0.5)).toFixed(3);
}

Aşağıdaki json kodlarını güncelleştirin notification/function.json ve kopyalayın.

{
  "bindings": [
    {
      "name": "myTimer",
      "type": "timerTrigger",
      "direction": "in",
      "schedule": "*/10 * * * * *"
    },
    {
      "type": "webPubSub",
      "name": "actions",
      "hub": "notification",
      "direction": "out"
    }
  ]
}

Aşağıdaki kodları güncelleştirin notification/index.js ve kopyalayın.

module.exports = function (context, myTimer) {
    context.bindings.actions = {
        "actionName": "sendToAll",
        "data": `[DateTime: ${new Date()}] Temperature: ${getValue(22, 1)}\xB0C, Humidity: ${getValue(40, 2)}%`,
        "dataType": "text"
    }
    context.done();
};

function getValue(baseNum, floatNum) {
    return (baseNum + 2 * floatNum * (Math.random() - 0.5)).toFixed(3);
}

notification.cs güncelleyin ve Run işlevini aşağıdaki kodlarla değiştirin.

[FunctionName("notification")]
public static async Task Run([TimerTrigger("*/10 * * * * *")]TimerInfo myTimer, ILogger log,
    [WebPubSub(Hub = "notification")] IAsyncCollector<WebPubSubAction> actions)
{
    await actions.AddAsync(new SendToAllAction
    {
        Data = BinaryData.FromString($"[DateTime: {DateTime.Now}] Temperature: {GetValue(23, 1)}{'\xB0'}C, Humidity: {GetValue(40, 2)}%"),
        DataType = WebPubSubDataType.Text
    });
}

private static string GetValue(double baseNum, double floatNum)
{
    var rng = new Random();
    var value = baseNum + floatNum * 2 * (rng.NextDouble() - 0.5);
    return value.ToString("0.000");
}

Gerekli bağımlılıkları çözmek için başlıkta using deyimler ekleyin.

using System.Threading.Tasks;
using Microsoft.Azure.WebJobs.Extensions.WebPubSub;
using Microsoft.Azure.WebPubSub.Common;

notification.cs güncelleyin ve Run işlevini aşağıdaki kodlarla değiştirin.

[Function("notification")]
[WebPubSubOutput(Hub = "notification")]
public SendToAllAction Run([TimerTrigger("*/10 * * * * *")] MyInfo myTimer)
{
    return new SendToAllAction
    {
        Data = BinaryData.FromString($"[DateTime: {DateTime.Now}] Temperature: {GetValue(23, 1)}{'\xB0'}C, Humidity: {GetValue(40, 2)}%"),
        DataType = WebPubSubDataType.Text
    };
}

private static string GetValue(double baseNum, double floatNum)
{
    var rng = new Random();
    var value = baseNum + floatNum * 2 * (rng.NextDouble() - 0.5);
    return value.ToString("0.000");
}

Bir klasör bildirimi oluşturun ve aşağıdaki json kodlarını güncelleştirin notification/function.json ve kopyalayın.

{
  "scriptFile": "__init__.py",
  "bindings": [
    {
      "name": "myTimer",
      "type": "timerTrigger",
      "direction": "in",
      "schedule": "*/10 * * * * *"
    },
    {
      "type": "webPubSub",
      "name": "actions",
      "hub": "notification",
      "direction": "out"
    }
  ]
}

Aşağıdaki kodları güncelleştirin notification/__init__.py ve kopyalayın.

import datetime
import random
import json

import azure.functions as func

def main(myTimer: func.TimerRequest, actions: func.Out[str]) -> None:
    time = datetime.datetime.now().strftime("%A %d-%b-%Y %H:%M:%S")
    actions.set(json.dumps({
        'actionName': 'sendToAll',
        'data': '\x5B DateTime: {0} \x5D Temperature: {1:.3f} \xB0C, Humidity: {2:.3f} \x25'.format(time, 22 + 2 * (random.random() - 0.5), 44 + 4 * (random.random() - 0.5)),
        'dataType': 'text'
    }))

Proje kök klasörüne istemci tek sayfasını index.html ekleyin ve içeriği kopyalayın.

<html>
    <body>
    <h1>Azure Web PubSub Notification</h1>
    <div id="messages"></div>
    <script>
        (async function () {
            let messages = document.querySelector('#messages');
            let res = await fetch(`${window.location.origin}/api/negotiate`);
            let url = await res.json();
            let ws = new WebSocket(url.url);
            ws.onopen = () => console.log('connected');

            ws.onmessage = event => {
                let m = document.createElement('p');
                m.innerText = event.data;
                messages.appendChild(m);
            };
        })();
    </script>
    </body>
</html>

C# projesi dosyaları farklı bir çıkış klasörüne derlediğinden, içerik sayfasının onunla birlikte gitmesi için *.csproj öğesini güncellemeniz gerekir.

<ItemGroup>
    <None Update="index.html">
        <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
    </None>
</ItemGroup>

C# projesi dosyaları farklı bir çıkış klasörüne derlediğinden, içerik sayfasının onunla birlikte gitmesi için *.csproj öğesini güncellemeniz gerekir.

<ItemGroup>
    <None Update="index.html">
        <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
    </None>
</ItemGroup>

Azure İşlev Uygulamasını yapılandırıp çalıştırma

Ham bağlantı dizesi yalnızca tanıtım amacıyla bu makalede görünür. Üretim ortamlarında erişim anahtarlarınızı her zaman koruyun. Anahtarlarınızı güvenli bir şekilde yönetmek ve döndürmek ve bağlantınızın WebPubSubServiceClientgüvenliğini sağlamak için Azure Key Vault kullanın.
- Tarayıcıda Azure portalını açın ve daha önce dağıtmış olduğunuz Web PubSub Hizmeti örneğinin başarıyla oluşturulduğunu onaylayın. Uygulama örneğine gidin.
- Anahtarlar'ı seçin ve bağlantı dizesini kopyalayın.
hizmet bağlantı dizesi ayarlamak için işlev klasöründe komutunu çalıştırın. değerini gerektiği gibi değeriniz ile değiştirin <connection-string> .
```
func settings add WebPubSubConnectionString "<connection-string>"
```
Not

TimerTrigger örneği Azure Depolama'ya bağımlıdır, ancak Fonksiyon yerel olarak çalıştığında yerel depolama öykünücüsünü kullanabilirsiniz. There was an error performing a read operation on the Blob Storage Secret Repository. Please ensure the 'AzureWebJobsStorage' connection string is valid. gibi bir hatayla karşılaşırsanız, Depolama Öykünücüsü indirip etkinleştirmeniz gerekir.

Artık yerel işlevinizi komutla çalıştırabilirsiniz.
```
func start --port 7071
```
Çalışma günlüklerini kontrol ederek, yerel ana bilgisayarınızdaki statik sayfayı ziyaret edebilirsiniz: http://localhost:7071/api/index.

Not

Bazı tarayıcılar otomatik olarak bu url'ye https yönlendirilir ve bu da yanlış URL'ye yol açar. İşleme başarılı değilse, Edge kullanılmasını önerin ve url'yi iki kez kontrol edin.

İşlev Uygulamasını Azure'a dağıtma

İşlev kodunuzu Azure'a dağıtabilmeniz için önce üç kaynak oluşturmanız gerekir:

İlgili kaynaklar için mantıksal bir kapsayıcı olan kaynak grubu.
İşlevleriniz hakkındaki durumu ve diğer bilgileri korumak için kullanılan bir depolama hesabı.
İşlev kodunuzu yürütmek için ortam sağlayan bir işlev uygulaması. İşlev uygulaması yerel işlev projenize eşler ve kaynakların daha kolay yönetilmesi, dağıtılması ve paylaşılması için işlevleri mantıksal birim olarak gruplandırmanıza olanak tanır.

Bu öğeleri oluşturmak için aşağıdaki komutları kullanın.

Azure'da oturum açma:
```
az login
```
Kaynak grubu oluşturun veya Azure Web PubSub hizmetinden birini yeniden kullanarak atlayabilirsiniz:
```
az group create -n WebPubSubFunction -l <REGION>
```

Kaynak grubunuz ve bölgenizde genel amaçlı bir depolama hesabı oluşturun:

az storage account create -n <STORAGE_NAME> -l <REGION> -g WebPubSubFunction

Azure'da işlev uygulamasını oluşturun:

az functionapp create --resource-group WebPubSubFunction --consumption-plan-location <REGION> --runtime node --runtime-version 18 --functions-version 4 --name <FUNCIONAPP_NAME> --storage-account <STORAGE_NAME>

Not

Parametreyi desteklenen değere ayarlamak için Azure İşlevleri çalışma zamanı sürümleri belgelerine--runtime-version.

az functionapp create --resource-group WebPubSubFunction --consumption-plan-location <REGION> --runtime node --runtime-version 18 --functions-version 4 --name <FUNCIONAPP_NAME> --storage-account <STORAGE_NAME>

Not

Parametreyi desteklenen değere ayarlamak için Azure İşlevleri çalışma zamanı sürümleri belgelerine--runtime-version.

az functionapp create --resource-group WebPubSubFunction --consumption-plan-location <REGION> --runtime dotnet --functions-version 4 --name <FUNCIONAPP_NAME> --storage-account <STORAGE_NAME>

az functionapp create --resource-group WebPubSubFunction --consumption-plan-location <REGION> --runtime dotnet-isolated --functions-version 4 --name <FUNCIONAPP_NAME> --storage-account <STORAGE_NAME>

az functionapp create --resource-group WebPubSubFunction --consumption-plan-location <REGION> --runtime python --runtime-version 3.9 --functions-version 4 --name <FUNCIONAPP_NAME> --os-type linux --storage-account <STORAGE_NAME>

İşlev projesini Azure'a dağıtma:

İşlev uygulamanızı Azure'da oluşturduktan sonra, artık func azure functionapp publish komutunu kullanarak yerel işlevler projenizi dağıtmaya hazır olursunuz.
```
func azure functionapp publish <FUNCIONAPP_NAME> --publish-local-settings
```
Not

Burada komut parametresiyle local.settings.jsonbirlikte yerel ayarları --publish-local-settings dağıtıyoruz. Microsoft Azure Depolama Öykünücüsü kullanıyorsanız, bu istem iletisinden sonra no yazarak Azure üzerindeki bu değerin üzerine yazmayı geçebilirsiniz: App setting AzureWebJobsStorage is different between azure and local.settings.json, Would you like to overwrite value in azure? [yes/no/show]. Ayrıca, İşlev Uygulaması ayarlarını Azure portal -> ->Yapılandırma'da güncelleştirebilirsiniz.
Artık URL'ye giderek Azure İşlev Uygulaması'ndan sitenizi de kontrol edebilirsiniz: https://<FUNCIONAPP_NAME>.azurewebsites.net/api/index.

Kaynakları temizleme

Bu uygulamayı kullanmaya devam etmeyecekseniz, ücret ödememek için aşağıdaki adımları izleyerek bu belge tarafından oluşturulan tüm kaynakları silin:

Azure portalında, en solda bulunan Kaynak grupları’nı ve ardından oluşturduğunuz kaynak grubunu seçin. Bunun yerine kaynak grubunu adına göre bulmak için arama kutusunu kullanın.
Açılan pencerede kaynak grubunu seçin ve ardından Kaynak grubunu sil'i seçin.
Yeni pencerede, silinecek kaynak grubunun adını yazın ve sil'i seçin.

Sonraki adımlar

Bu hızlı başlangıçta sunucusuz sohbet uygulamasını çalıştırmayı öğrendiniz. Artık kendi uygulamanızı oluşturmaya başlayabilirsiniz.

Öğretici: Azure Web PubSub ile basit bir sohbet odası oluşturma

Azure İşlevleri için Azure Web PubSub bağlamaları

Diğer Azure Web PubSub örneklerini keşfedin

Geri Bildirim

Bu sayfayı yararlı buldunuz mu?

Last updated on 2025-05-20