Руководство. Создание бессерверного приложения для ведения чата в реальном времени с помощью Функций Azure и службы Azure Web PubSub

Статья
2024-12-12

Служба Azure Web PubSub помогает создавать веб-приложения для обмена сообщениями в реальном времени с помощью подключений по протоколу WebSocket и шаблона "публикация — подписка". Функции Azure — бессерверная платформа, которая позволяет выполнять код без необходимости управлять какой-либо инфраструктурой. В этом учебнике описано, как использовать службу Azure Web PubSub и Функции Azure для создания бессерверного приложения с возможностью обмена сообщениями в реальном времени и шаблоном "публикация — подписка".

В этом руководстве описано следующее:

создать бессерверное приложение для ведения чата в реальном времени;
Работа с привязками триггера функции Web PubSub и привязками для вывода
развернуть функцию в приложении-функции Azure;
настроить аутентификацию Azure;
Настройка обработчика событий Web PubSub для маршрутизации событий и сообщений в приложение.

Внимание

Необработанные строки подключения приводятся в этой статье исключительно для демонстрации.

Строка подключения содержит сведения об авторизации, требуемые для доступа приложения к службе Azure Web PubSub. Ключ доступа в строке подключения аналогичен паролю привилегированного пользователя для службы. В рабочих средах всегда защищать ключи доступа. Используйте Azure Key Vault для безопасного управления ключами и защиты подключения.WebPubSubServiceClient

Старайтесь не распространять ключи доступа среди других пользователей, жестко программировать их или где-то сохранять в виде обычного текста в открытом доступе для других пользователей. Смените свои ключи, если предполагаете, что они могли быть скомпрометированы.

Необходимые компоненты

Редактор кода, например Visual Studio Code.
Node.js версии 18.x или более поздней.

Примечание.

Дополнительные сведения о поддерживаемых версиях Node.js см. в документации по версиям среды выполнения Функций Azure.
Azure Functions Core Tools (версии 4 или более поздней) для запуска приложений Azure Functions локально и развертывания в Azure.
Azure CLI для управления ресурсами Azure.

Если у вас еще нет подписки Azure, создайте бесплатную учетную запись Azure, прежде чем начинать работу.

Войдите на портал Azure по адресу https://portal.azure.com/ с помощью учетной записи Azure.

Создание экземпляра службы Azure Web PubSub

Приложение будет подключено к экземпляру службы Azure Web PubSub в Azure.

Нажмите кнопку "Создать" в верхнем левом углу портала Azure. На экране "Создание" введите в поле поиска Web PubSub и нажмите клавишу ВВОД. (Можно также выполнить поиск по Azure Web PubSub в категории Web.)
В результатах поиска выберите Web PubSub и щелкните Создать.

Введите следующие параметры.

Настройка	Предлагаемое значение	Описание
Имя ресурса	Глобально уникальное имя	Глобально уникальное имя, которое идентифицирует ваш новый экземпляр службы Web PubSub. Допустимые символы: `a-z`, `A-Z0-9`и `-`.
Подписка	Ваша подписка	Подписка Azure, в рамках которой создается новый экземпляр службы Web PubSub.
Группа ресурсов	мояГруппаРесурсов	Имя новой группы ресурсов, в которой нужно создать экземпляр службы Web PubSub.
Местонахождение	западная часть США	Выберите ближайший географический регион.
Ценовая категория	Бесплатно	Вы можете сначала бесплатно поработать со службой Azure Web PubSub. Ознакомьтесь с ценовыми категориями службы Azure Web PubSub.
Число единиц	-	Число единиц определяет количество подключений, которые поддерживает ваш экземпляр службы Web PubSub. Каждая единица поддерживает не более 1000 одновременных подключений. Это можно настроить только в стандартном уровне.

Снимок экрана, где показан процесс создания экземпляра Azure Web PubSub на портале.

Щелкните Создать, чтобы начать развертывание экземпляра службы Web PubSub.

Создание функций

Убедитесь, что на компьютере установлен набор средств Azure Functions Core Tools. Затем создайте пустой каталог для проекта. Выполните команду в этом рабочем каталоге.
```
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
```
Установите Microsoft.Azure.WebJobs.Extensions.WebPubSub.
Подтвердите и обновите пакет расширений host.json до версии 4.* или более поздней, чтобы получить поддержку Web PubSub.
```
{
  "extensionBundle": {
    "id": "Microsoft.Azure.Functions.ExtensionBundle",
    "version": "[4.*, 5.0.0)"
  }
}
```
Подтвердите и обновите расширение host.json Bundle до версии 3.3.0 или более поздней, чтобы получить поддержку Web PubSub.
```
{
  "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
```
```
{
  "extensionBundle": {
    "id": "Microsoft.Azure.Functions.ExtensionBundle",
    "version": "[3.3.*, 4.0.0)"
}
```

Создайте функцию index для чтения и размещения статической веб-страницы для клиентов.

func new -n index -t HttpTrigger

Обновите файл src/functions/index.js и скопируйте приведенные ниже фрагменты кода.

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, 
        };
    }
});

Обновите файл index/function.json и скопируйте приведенные ниже фрагменты кода JSON.

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

Обновите файл index/index.js и скопируйте приведенные ниже фрагменты кода.

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 и замените функцию Run приведенными ниже фрагментами кода.

[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 и замените функцию Run приведенными ниже фрагментами кода.

[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;
}

Обновите файл index/function.json и скопируйте приведенные ниже фрагменты кода JSON.

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

Обновите файл __init__.py и замените функцию main приведенными ниже фрагментами кода.

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")

Создайте функцию negotiate, чтобы клиенты могли получать URL-адрес подключения службы, используя токен доступа.

func new -n negotiate -t HttpTrigger

Примечание.

В этом примере мы используем заголовок идентификатора пользователя Microsoft Entra IDx-ms-client-principal-name для извлечения userId. Это не сработает в локальной функции. Вы можете сделать его пустым или изменить на другие способы получения или создания userId при игре в локальном режиме. Например, клиент может ввести имя пользователя и передать его в запрос, как ?user={$username} при вызове функции negotiate для получения URL-адреса подключения службы. В функции negotiate задайте параметр userId со значением {query.user}.

Обновите файл src/functions/negotiate и скопируйте приведенные ниже фрагменты кода.

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

const connection = input.generic({
    type: 'webPubSubConnection',
    name: 'connection',
    userId: '{headers.x-ms-client-principal-name}',
    hub: 'simplechat'
});

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

Обновите файл negotiate/function.json и скопируйте приведенные ниже фрагменты кода JSON.

{
  "bindings": [
    {
      "authLevel": "anonymous",
      "type": "httpTrigger",
      "direction": "in",
      "name": "req"
    },
    {
      "type": "http",
      "direction": "out",
      "name": "res"
    },
    {
      "type": "webPubSubConnection",
      "name": "connection",
      "hub": "simplechat",
      "userId": "{headers.x-ms-client-principal-name}",
      "direction": "in"
    }
  ]
}

Обновите файл negotiate/index.js и скопируйте приведенные ниже фрагменты кода.
```
module.exports = function (context, req, connection) {
  context.res = { body: connection };
  context.done();
};
```

Обновите файл negotiate.cs и замените функцию Run приведенными ниже фрагментами кода.

[FunctionName("negotiate")]
public static WebPubSubConnection Run(
    [HttpTrigger(AuthorizationLevel.Anonymous, "get", "post", Route = null)] HttpRequest req,
    [WebPubSubConnection(Hub = "simplechat", UserId = "{headers.x-ms-client-principal-name}")] WebPubSubConnection connection,
    ILogger log)
{
    log.LogInformation("Connecting...");
    return connection;
}

Добавьте using инструкции в заголовок для разрешения необходимых зависимостей.
```
using Microsoft.Azure.WebJobs.Extensions.WebPubSub;
```

Обновите файл negotiate.cs и замените функцию Run приведенными ниже фрагментами кода.

[Function("negotiate")]
public HttpResponseData Run([HttpTrigger(AuthorizationLevel.Anonymous, "get", "post")] HttpRequestData req,
    [WebPubSubConnectionInput(Hub = "simplechat", UserId = "{headers.x-ms-client-principal-name}")] WebPubSubConnection connectionInfo)
{
    var response = req.CreateResponse(HttpStatusCode.OK);
    response.WriteAsJsonAsync(connectionInfo);
    return response;
}

Обновите файл negotiate/function.json и скопируйте приведенные ниже фрагменты кода JSON.

{
  "bindings": [
    {
      "authLevel": "anonymous",
      "type": "httpTrigger",
      "direction": "in",
      "name": "req"
    },
    {
      "type": "http",
      "direction": "out",
      "name": "$return"
    },
    {
      "type": "webPubSubConnection",
      "name": "connection",
      "hub": "simplechat",
      "userId": "{headers.x-ms-client-principal-name}",
      "direction": "in"
    }
  ]
}

Обновите файл negotiate/__init__.py и скопируйте приведенные ниже фрагменты кода.

import azure.functions as func


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

Создайте функцию message для рассылки сообщений клиентам через службу.

func new -n message -t HttpTrigger

Обновите файл src/functions/message.js и скопируйте приведенные ниже фрагменты кода.

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

const wpsMsg = output.generic({
    type: 'webPubSub',
    name: 'actions',
    hub: 'simplechat',
});

const wpsTrigger = trigger.generic({
    type: 'webPubSubTrigger',
    name: 'request',
    hub: 'simplechat',
    eventName: 'message',
    eventType: 'user'
});

app.generic('message', {
    trigger: wpsTrigger,
    extraOutputs: [wpsMsg],
    handler: async (request, context) => {
        context.extraOutputs.set(wpsMsg, [{
            "actionName": "sendToAll",
            "data": `[${context.triggerMetadata.connectionContext.userId}] ${request.data}`,
            "dataType": request.dataType
        }]);

        return {
            data: "[SYSTEM] ack.",
            dataType: "text",
        };
    }
});

Обновите файл message/function.json и скопируйте приведенные ниже фрагменты кода JSON.

{
  "bindings": [
    {
      "type": "webPubSubTrigger",
      "direction": "in",
      "name": "data",
      "hub": "simplechat",
      "eventName": "message",
      "eventType": "user"
    },
    {
      "type": "webPubSub",
      "name": "actions",
      "hub": "simplechat",
      "direction": "out"
    }
  ]
}

Обновите файл message/index.js и скопируйте приведенные ниже фрагменты кода.

module.exports = async function (context, data) {
  context.bindings.actions = {
    actionName: "sendToAll",
    data: `[${context.bindingData.request.connectionContext.userId}] ${data}`,
    dataType: context.bindingData.dataType,
  };
  // UserEventResponse directly return to caller
  var response = {
    data: "[SYSTEM] ack.",
    dataType: "text",
  };
  return response;
};

Обновите файл message.cs и замените функцию Run приведенными ниже фрагментами кода.

[FunctionName("message")]
public static async Task<UserEventResponse> Run(
    [WebPubSubTrigger("simplechat", WebPubSubEventType.User, "message")] UserEventRequest request,
    BinaryData data,
    WebPubSubDataType dataType,
    [WebPubSub(Hub = "simplechat")] IAsyncCollector<WebPubSubAction> actions)
{
    await actions.AddAsync(WebPubSubAction.CreateSendToAllAction(
        BinaryData.FromString($"[{request.ConnectionContext.UserId}] {data.ToString()}"),
        dataType));
    return new UserEventResponse
    {
        Data = BinaryData.FromString("[SYSTEM] ack"),
        DataType = WebPubSubDataType.Text
    };
}

Добавьте using инструкции в заголовок для разрешения необходимых зависимостей.
```
using System.Threading.Tasks;
using Microsoft.Azure.WebJobs.Extensions.WebPubSub;
using Microsoft.Azure.WebPubSub.Common;
```

Обновите файл message.cs и замените функцию Run приведенными ниже фрагментами кода.

[Function("message")]
[WebPubSubOutput(Hub = "simplechat")]
public SendToAllAction Run(
    [WebPubSubTrigger("simplechat", WebPubSubEventType.User, "message")] UserEventRequest request)
{
    return new SendToAllAction
    {
        Data = BinaryData.FromString($"[{request.ConnectionContext.UserId}] {request.Data.ToString()}"),
        DataType = request.DataType
    };
}

Обновите файл message/function.json и скопируйте приведенные ниже фрагменты кода JSON.

{
  "bindings": [
    {
      "type": "webPubSubTrigger",
      "direction": "in",
      "name": "request",
      "hub": "simplechat",
      "eventName": "message",
      "eventType": "user"
    },
    {
      "type": "webPubSub",
      "name": "actions",
      "hub": "simplechat",
      "direction": "out"
    }
  ]
}

Обновите файл message/__init__.py и скопируйте приведенные ниже фрагменты кода.

import json

import azure.functions as func


def main(request, actions: func.Out[str]) -> None:
    req_json = json.loads(request)
    actions.set(
        json.dumps(
            {
                "actionName": "sendToAll",
                "data": f'[{req_json["connectionContext"]["userId"]}] {req_json["data"]}',
                "dataType": req_json["dataType"],
            }
        )
    )

Добавьте одну страницу index.html клиента в корневую папку проекта и скопируйте содержимое.

<html>
  <body>
    <h1>Azure Web PubSub Serverless Chat App</h1>
    <div id="login"></div>
    <p></p>
    <input id="message" placeholder="Type to chat..." />
    <div id="messages"></div>
    <script>
      (async function () {
        let authenticated = window.location.href.includes(
          "?authenticated=true"
        );
        if (!authenticated) {
          // auth
          let login = document.querySelector("#login");
          let link = document.createElement("a");
          link.href = `${window.location.origin}/.auth/login/aad?post_login_redirect_url=/api/index?authenticated=true`;
          link.text = "login";
          login.appendChild(link);
        } else {
          // negotiate
          let messages = document.querySelector("#messages");
          let res = await fetch(`${window.location.origin}/api/negotiate`, {
            credentials: "include",
          });
          let url = await res.json();
          // connect
          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);
          };
          let message = document.querySelector("#message");
          message.addEventListener("keypress", (e) => {
            if (e.charCode !== 13) return;
            ws.send(message.value);
            message.value = "";
          });
        }
      })();
    </script>
  </body>
</html>

Так как проект C# компилирует файлы в другой каталог выхода, необходимо обновить *.csproj, чтобы страница содержимого соответствовала этим изменениям.

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

Так как проект C# компилирует файлы в другую выходную папку, необходимо обновить *.csproj страницу содержимого.

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

Создание и развертывание приложения-функции Azure

Прежде чем развернуть код функции в Azure, необходимо создать три ресурса:

группу ресурсов — логический контейнер связанных ресурсов;
учетная запись для хранения данных, которая используется для сохранения состояния и других сведений о ваших функциях.
Приложение-функция, которое предоставляет окружение для выполнения кода вашей функции. Приложение функций соответствует вашему локальному проекту функций и позволяет группировать функции в логические единицы для более простого управления, развертывания и совместного использования ресурсов.

Чтобы создать эти элементы, выполните следующие команды:

Войдите в Azure, если вы еще этого не сделали:
```
az login
```
Создайте группу ресурсов или пропустите этот шаг, переиспользовав одну из существующих групп ресурсов службы Azure Web PubSub.
```
az group create -n WebPubSubFunction -l <REGION>
```
В группе ресурсов и регионе создайте учетную запись хранения общего назначения:
```
az storage account create -n <STORAGE_NAME> -l <REGION> -g WebPubSubFunction
```

Создайте приложение-функцию в Azure:

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>

Примечание.

Проверьте документацию по версиям среды выполнения Azure Functions, чтобы установить параметр --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>

Примечание.

Проверьте документацию по функциям Azure по версиям среды выполнения Azure Functions, чтобы установить параметр --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>

Разверните проект функций в Azure:

После успешного создания приложения-функции в Azure вы готовы развернуть свой проект локальных функций, используя команду func azure functionapp publish.
```
func azure functionapp publish <FUNCIONAPP_NAME>
```
Настройте WebPubSubConnectionString для функционального приложения.

Сырые строки подключения появляются в этой статье только в демонстрационных целях. В рабочих средах всегда защищать ключи доступа. Используйте Azure Key Vault для безопасного управления и ротации ключей, а также защиты вашего подключения с помощью WebPubSubServiceClient.

Сначала найдите ресурс Web PubSub на портале Azure и скопируйте строку подключения в разделе Ключи. Затем перейдите к настройкам функции приложения в портале Azure ->Настройки ->переменные среды. И добавьте новый элемент в параметры приложения, с именем WebPubSubConnectionString и значением, равным строке подключения вашего ресурса Web PubSub.

Настройка `Event Handler` службы Web PubSub

В этом примере с помощью WebPubSubTrigger мы будем прослушивать вышестоящие запросы службы. Поэтому службе Web PubSub требуются сведения о конечной точке функции для отправки запросов целевых клиентов. А приложению-функции Azure требуется системный ключ для обеспечения безопасности в отношении методов веб-перехватчиков, зависящих от расширения. После развертывания приложения-функции с помощью функций message на предыдущем шаге мы можем получить системный ключ.

Перейдите на портал Azure -> Найдите ресурс вашего приложения-функции ->Ключи приложения ->Системные ключи ->webpubsub_extension. Скопируйте значение как <APP_KEY>.

Снимок экрана с системными ключами функции

Задайте Event Handler в службе Azure Web PubSub. Перейдите к порталу Azure —> найдите ресурс Web PubSub —>настройки. Добавьте новое сопоставление настроек хаба к используемой функции. Замените <FUNCTIONAPP_NAME> и <APP_KEY> на ваши значения.

Имя концентратора: simplechat
Шаблон URL-адреса: https://<FUNCTIONAPP_NAME>.azurewebsites.net/runtime/webhooks/webpubsub?<code=>APP_KEY
Шаблон пользовательского события: *.
Системные события: (в этом примере не настраивается)

Снимок экрана: задание обработчика событий.

Настройка для включения аутентификации клиента

Перейдите к порталу Azure—> найдите ваш ресурс функции приложения —>Аутентификация. Нажмите кнопку Add identity provider. Установите параметры аутентификации для Службы приложений на Разрешить неаутентифицированный доступ, чтобы анонимные пользователи могли посетить основную страницу клиента перед перенаправлением на аутентификацию. Затем нажмите кнопку Сохранить.

Здесь мы выбираем Microsoft поставщика, который использует x-ms-client-principal-name в качестве userId в функции negotiate. Кроме того, вы можете настроить других поставщиков удостоверений, следуя по этим ссылкам, и не забудьте обновить значение функции negotiate соответствующим образом.

Проверка работы приложения

Теперь вы можете протестировать страницу из функционального приложения: https://<FUNCTIONAPP_NAME>.azurewebsites.net/api/index. См. скриншот.

Щелкните login, чтобы пройти аутентификацию.
Введите текст сообщения в поле ввода, чтобы начать чат.

В функции сообщения мы транслируем сообщение отправителя всем клиентам и возвращаем отправителя с сообщением [SYSTEM] ack. Поэтому мы можем знать в примере моментального снимка чата, первые четыре сообщения из текущего клиента, а последние два сообщения — от другого клиента.

Снимок экрана: пример чата.

Очистка ресурсов

Если вы не собираетесь использовать это приложение дальше, удалите все ресурсы, созданные этим документом, чтобы избежать расходов.

На портале Azure выберите Группа ресурсов слева, а затем созданную группу ресурсов. Вместо этого вы можете использовать поле поиска для поиска ресурса по его имени.
В открывшемся окне выберите группу ресурсов и щелкните Удалить группу ресурсов.
В новом окне введите имя удаляемой группы ресурсов и щелкните Удалить.

Следующие шаги

В этом кратком руководстве вы узнали, как запустить бессерверное приложение чата. Теперь можно приступить к созданию собственного приложения.

Привязки Azure Web PubSub для Функций Azure

Краткое руководство: создание простой чат-комнаты с помощью Azure Web PubSub

Изучите больше примеров Azure Web PubSub

Поделиться через

Руководство. Создание бессерверного приложения для ведения чата в реальном времени с помощью Функций Azure и службы Azure Web PubSub

Необходимые компоненты

Вход в Azure

Создание экземпляра службы Azure Web PubSub

Создание функций

Создание и развертывание приложения-функции Azure

Настройка Event Handler службы Web PubSub

Настройка для включения аутентификации клиента

Проверка работы приложения

Очистка ресурсов

Следующие шаги

Обратная связь

Дополнительные ресурсы

Настройка `Event Handler` службы Web PubSub