如何在无后端服务层的Angular应用中订阅Azure Event Grid？

我正在开发基于Angular 15的应用，需要在不依赖后端服务层的前提下，直接从客户端实现Azure Event Grid订阅功能。已尝试多种方案但未找到清晰解决路径：

• 调研Azure SDK for JavaScript，发现其主要为Node.js设计；
• 尝试使用@azure/eventgrid库，但遇到浏览器环境不支持的问题。

现提出以下疑问：

1. 是否可在Angular应用中不依赖后端服务直接订阅Azure Event Grid？
2. 有没有适用于浏览器环境的Azure Event Grid订阅客户端库或方法？
3. 若必须使用后端服务层，实现Angular与Azure Event Grid订阅的最小配置是什么？

附已尝试的Node.js代码片段：

const eventSubscriptionInfo = {
  destination: {
    endpointType: "WebHook",
    endpointUrl: endpointUrl,
  },
  filter: {
    isSubjectCaseSensitive: false,
    subjectBeginsWith: "",
    subjectEndsWith: "",
    includedEventTypes: ["All"],
  },
};
const credential = new DefaultAzureCredential();
const client = new EventGridManagementClient(credential, subscriptionId);
const result = await client.eventSubscriptions.beginCreateOrUpdateAndWait(
  scope,
  eventSubscriptionName,
  eventSubscriptionInfo
);

环境信息：Angular版本：Angular 15；Azure SDK版本：5.0.0

1. 能否在Angular客户端直接订阅Azure Event Grid？ #

不行。创建Event Grid订阅属于Azure资源管理操作，需要调用Azure Resource Manager (ARM) API，这类操作要求调用者持有高权限的Azure凭据（如服务主体、带管理权限的用户令牌）。如果在Angular客户端暴露这类凭据，会引发严重安全风险（比如被恶意用户窃取后篡改Azure资源）。此外，官方的Azure管理SDK（包括EventGridManagementClient）本身不支持浏览器环境，因为依赖Node.js特有的模块（如文件系统、加密模块）。

2. 浏览器环境下的Event Grid相关库/方法 #

目前没有官方支持的浏览器端Event Grid订阅创建库。浏览器环境只能接收Event Grid推送的Webhook事件（前提是你的Angular应用有可公网访问的端点），但无法直接发起订阅创建请求。

如果仅需接收事件，可按以下步骤操作：

• 确保Angular应用部署后有公网可访问的URL作为Webhook端点；
• 在后端完成订阅创建后，前端处理Event Grid发送的验证请求（Event Grid会先发送验证POST请求，需返回特定响应）；
• 处理后续的事件推送请求。

3. 依赖后端服务的最小配置 #

如果必须通过后端中转，最小配置方案如下：

后端服务（以Node.js/Express为例） #

• 引入@azure/arm-eventgrid和@azure/identity库；
• 实现一个API接口，接收前端传递的订阅参数（如端点URL、事件过滤规则）；
• 使用DefaultAzureCredential或服务主体凭据初始化EventGridManagementClient；
• 调用beginCreateOrUpdateAndWait完成订阅创建；
• 将结果返回给前端。

Angular前端 #

• 向自有后端API发送订阅请求，传递必要参数（如前端Webhook URL）；
• 处理后端返回的订阅结果；
• 实现Webhook端点的验证逻辑（返回Event Grid要求的validationResponse），以及事件接收逻辑。

关键安全注意事项 #

• 后端的Azure凭据必须存储在安全位置（如环境变量、Azure Key Vault），绝不能暴露给前端；
• 前端与后端之间的通信必须使用HTTPS；
• 可为后端API添加身份验证（如JWT），确保只有合法用户能发起订阅请求。

内容的提问来源于stack exchange，提问作者ABHILASH SB