azure制作网站服务器,Azure Web PubSub 服务无服务器快速入门 | Microsoft Docs

您现在访问的是微软AZURE全球版技术文档网站，若需要访问由世纪互联运营的MICROSOFT AZURE中国区技术文档网站，请访问 https://docs.azure.cn.

快速入门：使用 Azure Functions 和 Azure Web PubSub 服务创建简单的无服务器聊天应用程序

03/11/2021

本文内容

Azure Web PubSub 服务可帮助你轻松地使用 Websocket 和发布-订阅模式生成实时消息传递 Web 应用程序。 Azure Functions 是一个无服务器平台，可让你在不管理任何基础结构的情况下运行代码。 本快速入门介绍如何使用 Azure Web PubSub 服务和 Azure Functions 来生成具有实时消息传递和发布-订阅模式的无服务器应用程序。

先决条件

备注

有关支持的 Node.js 版本的详细信息，请参阅 Azure Functions 运行时版本文档。

安装 Azure Functions Core Tools(2.7.1505 或更高版本)以在本地运行 Azure Functions 应用。

如果还没有 Azure 订阅，可以在开始前创建一个免费帐户。

登录 Azure

使用 Azure 帐户登录到 Azure 门户 (https://portal.azure.com/)。

创建 Azure Web PubSub 服务实例

你的应用程序将连接到 Azure 中的 Web PubSub 服务实例。

选择 Azure 门户左上角的“新建”按钮。 在“新建”屏幕中，在搜索框中键入“Web PubSub”，然后按 Enter。 (还可以从 Web 类别中搜索 Azure Web PubSub。)

在搜索结果中选择“Web PubSub”，然后选择“创建” 。

输入以下设置。

设置

建议的值

说明

资源名称

全局唯一名称

用于标识新的 Web PubSub 服务实例的名称。 有效字符为 a-z、0-9 和 -。

订阅

你的订阅

在其下创建这个新的 Web PubSub 服务实例的订阅。

myResourceGroup

要在其中创建 Web PubSub 服务实例的新资源组的名称。

位置

美国西部

选择你附近的区域。

定价层

免费

免费试用 Azure Web PubSub 服务。

单位计数

不适用

单位计数指定 Web PubSub 服务实例可接受的连接数。 它只能在标准层中配置。

选择“创建”，开始部署 Web PubSub 服务实例。

克隆示例应用程序

在部署该服务时，让我们切换到使用代码。 首先，从 GitHub 克隆示例应用。

打开 git 终端窗口。 导航到要克隆示例项目的文件夹。

运行下列命令，克隆示例存储库。 此命令在计算机上创建示例应用程序的副本。

git clone https://github.com/Azure/azure-webpubsub.git

配置和运行 Azure 函数应用

在浏览器中，打开“Azure 门户”，确认已成功创建前面部署的 Web PubSub 服务实例。 导航到该实例。

选择“密钥”并复制连接字符串。

更新函数配置。

打开克隆的存储库中的 /samples/functions/js/simplechat 文件夹。 编辑 local.settings.json 以添加服务连接字符串。

在 local.settings.json 中需要进行这些更改，然后保存该文件。

将占位符 替换为从 Azure 门户中复制的值，以便进行 WebPubSubConnectionString 设置 。

对于 AzureWebJobsStorage 设置，这是必需的，因为 Azure Functions 需要 Azure 存储帐户。

如果 Azure 存储模拟器在本地运行，请保留“UseDevelopmentStorage=true”原始设置。

如果有 Azure 存储连接字符串，请用它来替换值。

JavaScript 函数将组织到文件夹中。 每个文件夹中有两个文件：function.json 定义函数中使用的绑定，index.js 是函数的主体。 此函数应用中有几个 HTTP 触发的函数：

login：这是 HTTP 触发的函数。 它使用 webPubSubConnection 输入绑定生成并返回有效的服务连接信息。

messages：这是 WebPubSubTrigger 触发的函数。 在请求正文中接收聊天消息，并使用 WebPubSub 输出绑定将消息广播到所有连接的客户端应用程序。

connect 和 connected：这些是 WebPubSubTrigger 触发的函数 。 处理 connect 事件和 connected 事件。

在终端中，确保自己位于 /samples/functions/js/simplechat 文件夹中。 安装扩展并运行函数应用。

func extensions install

func start

本地函数将使用在 local.settings.json 文件中定义的端口。 若要使其在公用网络中可用，需要使用 ngrok 来公开此终结点。 运行下面的命令，将获得一个转发终结点，例如： http://{ngrok-id}.ngrok.io -> http://localhost:7071 。

ngrok http 7071

在 Azure Web PubSub 服务中设置 Event Handler。 转到“Azure 门户”>“查找 Web PubSub 资源”>“设置” 。 将新的中心设置映射添加到使用中的一个函数，如下所示。 将 {ngrok-id} 替换为自己的值。

中心名称：simplechat

URL 模板： http://{ngrok-id}.ngrok.io/runtime/webhooks/webpubsub

用户事件模式：*

系统事件：connect、connected、disconnected。

运行 Web 应用程序

若要简化客户端测试，请打开浏览器进入示例单页 Web 应用程序。

输入函数应用基 URL 作为本地 URL：http://localhost:7071。

输入用户名。

Web 应用程序调用函数应用中的 login 函数来检索连接信息以连接到 Azure Web PubSub 服务。 Client websocket opened. 出现时，表示已建立连接。

键入消息，然后按 Enter。 应用程序将该消息发送到 Azure 函数应用中的 messages 函数，然后后者使用 Web PubSub 输出绑定将该消息广播到所有连接的客户端。 如果一切正常工作，该消息将出现在应用程序中。

在另一个浏览器窗口中打开另一个 Web 应用程序实例。 你将看到发送的任何消息都将出现在应用程序的所有实例中。

清理资源

如果不打算继续使用此应用，请按照以下步骤删除本文档中创建的所有资源，以免产生任何费用：

在 Azure 门户的最左侧选择“资源组”，，然后选择创建的资源组。 可以改用搜索框按名称查找资源组。

在打开的窗口中选择资源组，然后选择“删除资源组”。

在新窗口中键入要删除的资源组的名称，然后选择“删除”。