البرنامج التعليمي: إنشاء تطبيق إعلام بلا خادم باستخدام Azure Functions وخدمة Azure Web PubSub

مقالة
01/12/2024

تساعدك خدمة Azure Web PubSub على إنشاء تطبيقات ويب للمراسلة في الوقت الحقيقي باستخدام WebSockets. Azure Functions هو نظام أساسي بلا خادم يتيح لك تشغيل التعليمات البرمجية دون إدارة أي بنية أساسية. في هذا البرنامج التعليمي، ستتعلم كيفية استخدام خدمة Azure Web PubSub وAzure Functions لإنشاء تطبيق بلا خادم مع مراسلة في الوقت الفعلي ضمن سيناريوهات الإعلام.

في هذا البرنامج التعليمي، تتعلم كيفية:

إنشاء تطبيق إعلام بلا خادم
العمل مع روابط إدخال وإخراج وظيفة Web PubSub
تشغيل نماذج الدوال محلياً
توزيع الدالة إلى تطبيق Azure Function

المتطلبات الأساسية

محرر التعليمات البرمجية، مثل Visual Studio Code
Node.js، الإصدار 18.x أو أعلى.

إشعار

لمزيد من المعلومات حول الإصدارات المدعومة من Node.js، راجع وثائق إصدارات وقت تشغيل Azure Functions.
Azure Functions Core Tools (V4 أو أعلى مفضل) لتشغيل تطبيقات Azure Function محليا ونشرها في Azure.
Azure CLI لإدارة موارد Azure.

إذا لم يكن لديك اشتراك في Azure، فأنشئ حساب Azure مجاني قبل أن تبدأ.

سجل الدخول إلى مدخل Microsoft Azure على https://portal.azure.com/ باستخدام بيانات حساب Azure.

إنشاء مثيل خدمة Azure Web PubSub

سيقوم التطبيق بالاتصال بمثيل خدمة Web PubSub في Azure.

حدد الزر جديد «New» الموجود في الزاوية العلوية اليسرى من مدخل Microsoft Azure. في الشاشة «New»، اكتب «Web PubSub» في مربع البحث واضغط على إدخال. (يمكنك أيضًا البحث في Azure Web PubSub من الفئة Web.)
حدد «Web PubSub» من نتائج البحث، ثم حدد «Create».

أدخل الإعدادات التالية.

الإعدادات	القيمة المقترحة	‏‏الوصف
اسم المورد	اسم فريد عالميًا	الاسم الفريد العام الذي يعرّف مثيل خدمة Web PubSub الجديد. الأحرف الصالحة هي `a-z`و `A-Z0-9`و و.`-`
الاشتراك	اشتراكك	اشتراك Azure الذي يتم بموجبه إنشاء مثيل خدمة Web PubSub الجديد هذا.
مجموعة الموارد	myResourceGroup	اسم مجموعة الموارد الجديدة التي يتم فيها إنشاء مثيل خدمة Web PubSub.
Location	غرب الولايات المتحدة	اختر منطقة قريبة منك.
مستوى الأسعار	مجاني	يمكنك أولًا تجربة خدمة Azure Web PubSub مجانًا. تعرف على مزيد من التفاصيل حول مستويات تسعير خدمة Azure Web PubSub
عدد الوحدات	-	يحدد عدد الوحدات عدد الاتصالات التي يمكن لمثيل خدمة PubSub على الويب قبولها. تدعم كل وحدة 1000 اتصال متزامن على الأكثر. لا يمكن تكوينه إلا في المستوى القياسي.

Screenshot of creating the Azure Web PubSub instance in portal.

حدد «Create» لبدء نشر مثيل خدمة 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.
قم بتأكيد extensionBundle أو تحديثه host.jsonإلى الإصدار 4.* أو إصدار أحدث للحصول على دعم Web PubSub. لتحديث host.json، افتح الملف في المحرر، ثم استبدل extensionBundle الإصدار الموجود بالإصدار 4.* أو أحدث.
```
{
    "extensionBundle": {
        "id": "Microsoft.Azure.Functions.ExtensionBundle",
        "version": "[4.*, 5.0.0)"
    }
}
```
قم بتأكيد extensionBundle أو تحديثه host.jsonإلى الإصدار 3.3.0 أو أحدث للحصول على دعم Web PubSub. لتحديث host.json، افتح الملف في المحرر، ثم استبدل extensionBundle الإصدار الموجود بالإصدار 3.3.0 أو أحدث.
```
{
    "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
```
تحديث host.jsonextensionBundle إلى الإصدار 3.3.0 أو أحدث للحصول على دعم Web PubSub. لتحديث host.json، افتح الملف في المحرر، ثم استبدل extensionBundle الإصدار الموجود بالإصدار 3.3.0 أو أحدث.
```
{
    "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 التالية.

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

قم بتحديث index/__init__.py وانسخ التعليمات البرمجية التالية.

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

قم بتحديث src/functions/negotiate.js وانسخ التعليمات البرمجية التالية.

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

قم بتحديث negotiate/function.json وانسخ التعليمات البرمجية لـ json التالية.

{
  "bindings": [
    {
      "authLevel": "anonymous",
      "type": "httpTrigger",
      "direction": "in",
      "name": "req"
    },
    {
      "type": "http",
      "direction": "out",
      "name": "res"
    },
    {
      "type": "webPubSubConnection",
      "name": "connection",
      "hub": "notification",
      "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 = "notification")] 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 = "notification")] WebPubSubConnection connectionInfo)
{
    var response = req.CreateResponse(HttpStatusCode.OK);
    response.WriteAsJsonAsync(connectionInfo);
    return response;
}

إنشاء مجلد التفاوض وتحديث negotiate/function.json ونسخ التعليمات البرمجية json التالية.

{
  "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"
    }
  ]
}

قم بتحديث negotiate/__init__.py وانسخ التعليمات البرمجية التالية.

import logging

import azure.functions as func


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

أنشئ الدالة notification لإنشاء الإعلامات بـ TimerTrigger.

func new -n notification -t TimerTrigger

قم بتحديث src/functions/notification.js وانسخ التعليمات البرمجية التالية.

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

قم بتحديث notification/function.json وانسخ التعليمات البرمجية لـ json التالية.

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

قم بتحديث notification/index.js وانسخ التعليمات البرمجية التالية.

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 واستبدال دالة Run بالتعليمات البرمجية التالية.

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

إضافة using عبارات في العنوان لحل التبعيات المطلوبة.

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

تحديث notification.cs واستبدال دالة Run بالتعليمات البرمجية التالية.

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

إنشاء إعلام مجلد وتحديث notification/function.json ونسخ التعليمات البرمجية json التالية.

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

قم بتحديث notification/__init__.py وانسخ التعليمات البرمجية التالية.

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

أضف صفحة index.html العميل الفردية في المجلد الجذر للمشروع وانسخ المحتوى.

<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# يجمع الملفات إلى مجلد إخراج مختلف، فأنت بحاجة إلى تحديثك *.csproj لجعل صفحة المحتوى تنتقل معها.

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

نظرا لأن مشروع C# يجمع الملفات إلى مجلد إخراج مختلف، فأنت بحاجة إلى تحديثك *.csproj لجعل صفحة المحتوى تنتقل معها.

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

تكوين وتشغيل تطبيق Azure Function
- في المستعرض، افتح مدخل Azure وتأكد من إنشاء مثيل Web PubSub Service الذي قمت بتوزيعه مسبقًا بنجاح. انتقل إلى المثيل.
- حدد Keys وانسخ سلسلة الاتصال.
قم بتشغيل الأمر في مجلد الدالة لتعيين سلسلة الاتصال الخدمة. استبدل <connection-string> بقيمتك حسب الحاجة.
```
func settings add WebPubSubConnectionString "<connection-string>"
```
إشعار

يعتمد TimerTrigger المستخدم في العينة على Azure Storage، ولكن يمكنك استخدام محاكي التخزين المحلي عندما تكون الدالة قيد التشغيل محليًا. إذا تلقيت بعض الأخطاء مثل There was an error performing a read operation on the Blob Storage Secret Repository. Please ensure the 'AzureWebJobsStorage' connection string is valid.، فستحتاج إلى تنزيل محاكي التخزين وتمكينه.

الآن أنت قادر على تشغيل الدالة المحلية الخاصة بك حسب الأمر.
```
func start --port 7071
```
وللتحقق من سجلات التشغيل، يمكنك زيارة الصفحة الثابتة للمضيف المحلي من خلال زيارة: http://localhost:7071/api/index.

إشعار

بعض عابسات إعادة توجيه تلقائيا إلى https أن يؤدي إلى عنوان URL خاطئ. اقترح استخدام Edge وتحقق مرة وافحص عنوان url إذا لم يكن العرض ناجحا.

توزيع Function App إلى 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 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> --publish-local-settings
```
إشعار

نحن هنا ننشر الإعدادات المحلية local.settings.json مع معلمة الأمر--publish-local-settings. إذا كنت تستخدم Microsoft Azure Storage Emulator، يمكنك كتابة no لتخطي الكتابة فوق هذه القيمة على Azure باتباع رسالة المطالبة:App setting AzureWebJobsStorage is different between azure and local.settings.json, Would you like to overwrite value in azure? [yes/no/show]. بالإضافة إلى ذلك، يمكنك تحديث إعدادات Function App في مدخل Microsoft Azure ->الإعدادات ->Configuration.
يمكنك الآن التحقق من موقعك من تطبيق Azure Function عن طريق الانتقال إلى عنوان URL: https://<FUNCIONAPP_NAME>.azurewebsites.net/api/index.

تنظيف الموارد

إذا كنت لن تستمر في استخدام هذا التطبيق، فاحذف جميع الموارد التي تم إنشاؤها بواسطة هذا المستند من خلال الخطوات التالية حتى لا تتحمل أي رسوم:

من القائمة اليسرى في مدخل Azure، حدد مجموعات الموارد ثم حدد مجموعة الموارد التي أنشأتها. استخدم مربع البحث للعثور على مجموعة الموارد باسمها بدلا من ذلك.
في النافذة التي تفتح، حدد resourceGroup، ثم حدد Delete resource group.
في النافذة الجديدة، اكتب اسم resourceGroup المراد حذفها، ثم حدد Delete.

الخطوات التالية

في هذا التشغيل السريع، تعلمت كيفية تشغيل تطبيق دردشة بلا خادم. الآن، يمكنك البدء في إنشاء تطبيقك.

البرنامج التعليمي: إنشاء غرفة دردشة بسيطة باستخدام Azure Web PubSub

روابط Azure Web PubSub لـ Azure Functions

Share via

البرنامج التعليمي: إنشاء تطبيق إعلام بلا خادم باستخدام Azure Functions وخدمة Azure Web PubSub

المتطلبات الأساسية

إنشاء مثيل خدمة Azure Web PubSub

إنشاء وتشغيل الدوال محلياً

توزيع Function App إلى Azure

تنظيف الموارد

الخطوات التالية

الموارد الإضافية

Share via

البرنامج التعليمي: إنشاء تطبيق إعلام بلا خادم باستخدام Azure Functions وخدمة Azure Web PubSub

المتطلبات الأساسية

تسجيل الدخول إلى Azure

إنشاء مثيل خدمة Azure Web PubSub

إنشاء وتشغيل الدوال محلياً

توزيع Function App إلى Azure

تنظيف الموارد

الخطوات التالية

الموارد الإضافية