关于 azure-static-web-apps
azure-static-web-apps 为使用 Azure Static Web Apps 的 Agent 提供指导,涵盖排障、配置、安全、集成和部署,并结合本地速查内容与远程文档获取。
主要功能
- 01排查部署和运行时问题
- 02架构选择与方案指导
- 03配置身份验证和访问控制
- 04设置后端、数据库和域名
- 05配置 CI/CD 与预览环境
适用场景
- 01诊断构建或运行时故障
- 02选择 Functions 托管方式和服务方案
- 03将应用 API 连接到 Azure 数据库
- 04为评审设置预览部署
MCP 相关
该技能可通过 mcp_microsoftdocs 的 microsoft_docs_fetch 工具获取 Microsoft 文档;也列出了 fetch_webpage 作为备用方式。
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ microsoftdocs/ agent-skills --skill azure-static-web-apps安装后在 Claude Code 中输入/azure-static-web-apps确认已加载。
详细介绍
Azure Static Web Apps 技能
此技能提供有关 Azure Static Web Apps 的专业指导,涵盖故障排除、决策、限制和配额、安全性、配置、集成和编码模式,以及部署。它将本地快速参考内容与远程文档获取功能相结合。
如何使用此技能
重要提示(面向 Agent):使用下方的类别索引查找相关章节。对于包含行号范围的类别(例如,
L35-L120),使用read_file读取指定行。对于包含文件链接的类别(例如,[security.md](security.md)),使用read_file读取链接指向的参考文件。
重要提示(面向 Agent):如果
metadata.generated_at超过 3 个月,请建议用户从存储库拉取最新版本。如果无法使用mcp_microsoftdocs工具,请建议用户安装该工具:安装指南
此技能需要网络访问权限才能获取文档内容:
- 首选:使用
mcp_microsoftdocs:microsoft_docs_fetch,并将查询字符串设为from=learn-agent-skill。返回 Markdown。 - 备用:使用
fetch_webpage,并将查询字符串设为from=learn-agent-skill&accept=text/markdown。返回 Markdown。
类别索引
| 类别 | 行号 | 说明 |
|---|---|---|
| 故障排除 | L35-L39 | 诊断并解决 Static Web Apps 常见的部署和运行时问题,包括生成失败、配置问题以及故障排除工具和日志。 |
| 决策 | L40-L47 | 有关关键架构选择的指导:Functions 托管模型、使用 Front Door/CDN 边缘节点、Next.js 部署选项,以及比较 Free 和 Standard Static Web Apps 计划。 |
| 限制和配额 | L48-L54 | 有关计划配额、资源和文件大小限制、支持的语言和运行时,以及 Azure Static Web Apps 各层级行为限制的详细信息。 |
| 安全性 | L55-L66 | 配置身份验证、角色和用户信息;通过 Entra ID、自定义身份验证、密码、专用终结点和 Key Vault 保护应用;以及管理 Static Web Apps 的部署令牌。 |
| 配置 | L67-L93 | 配置域名、DNS、后端(Functions、App Service、Container Apps、APIM)、生成和运行时设置、本地模拟(SWA CLI)、监视,以及 Static Web Apps 的数据库和网络。 |
| 集成和编码模式 | L94-L102 | 介绍如何将 Static Web Apps API 连接到 Azure 数据库(Cosmos DB、SQL、MySQL、PostgreSQL),包括 Mongoose 的用法、连接字符串和典型集成模式。 |
| 部署 | L103-L119 | 通过 GitHub/GitLab/Bitbucket/CLI/ARM/Bicep 部署 Static Web Apps,配置 CI/CD、预览环境、流量拆分,以及可选的 Azure Front Door CDN 设置。 |
故障排除
| 主题 | URL |
|---|---|
| 排查 Azure Static Web Apps 中常见的部署和运行时问题 | https://learn.microsoft.com/en-us/azure/static-web-apps/troubleshooting |
决策
| 主题 | URL |
|---|---|
| 为 Static Web Apps 选择托管的 Azure Functions 或自带 Azure Functions | https://learn.microsoft.com/en-us/azure/static-web-apps/apis-functions |
| 使用 Azure Front Door 和 CDN 为 Azure Static Web Apps 提供企业级边缘服务 | https://learn.microsoft.com/en-us/azure/static-web-apps/enterprise-edge |
| 选择 Static Web Apps 上的 Next.js 部署模型 | https://learn.microsoft.com/en-us/azure/static-web-apps/nextjs |
| 选择 Azure Static Web Apps Free 或 Standard 计划 | https://learn.microsoft.com/en-us/azure/static-web-apps/plans |
限制与配额
| 主题 | URL |
|---|---|
| Azure Static Web Apps 的限制和行为细节 | https://learn.microsoft.com/en-us/azure/static-web-apps/faq |
| 查看 Azure Static Web Apps 支持的语言和运行时 | https://learn.microsoft.com/en-us/azure/static-web-apps/languages-runtimes |
| Azure Static Web Apps 计划的配额和限制 | https://learn.microsoft.com/en-us/azure/static-web-apps/quotas |
安全性
| 主题 | URL |
|---|---|
| 使用 Microsoft Graph 和 Entra ID 分配 Static Web Apps 角色 | https://learn.microsoft.com/en-us/azure/static-web-apps/assign-roles-microsoft-graph |
| 配置 Azure Static Web Apps 的身份验证和授权 | https://learn.microsoft.com/en-us/azure/static-web-apps/authentication-authorization |
| 配置 Azure Static Web Apps 的自定义身份验证 | https://learn.microsoft.com/en-us/azure/static-web-apps/authentication-custom |
| 管理和重置 Azure Static Web Apps 的部署令牌 | https://learn.microsoft.com/en-us/azure/static-web-apps/deployment-token-management |
| 将 Key Vault 和托管标识用于 Static Web Apps 身份验证机密 | https://learn.microsoft.com/en-us/azure/static-web-apps/key-vault-secrets |
| 为 Azure Static Web Apps 环境启用密码保护 | https://learn.microsoft.com/en-us/azure/static-web-apps/password-protection |
| 配置 Azure Static Web Apps 的专用终结点访问 | https://learn.microsoft.com/en-us/azure/static-web-apps/private-endpoint |
| 访问 Azure Static Web Apps 中经过身份验证的用户信息 | https://learn.microsoft.com/en-us/azure/static-web-apps/user-information |
配置
集成与编码模式
| 主题 | URL |
|---|---|
| 在 Static Web Apps 中将 Mongoose 与 Azure Cosmos DB 配合使用 | https://learn.microsoft.com/en-us/azure/static-web-apps/add-mongoose |
| 将 Azure Static Web Apps 连接到 Azure Cosmos DB | https://learn.microsoft.com/en-us/azure/static-web-apps/database-azure-cosmos-db |
| 将 Azure Static Web Apps 连接到 Azure SQL Database | https://learn.microsoft.com/en-us/azure/static-web-apps/database-azure-sql |
| 将 Azure Static Web Apps 连接到 Azure Database for MySQL | https://learn.microsoft.com/en-us/azure/static-web-apps/database-mysql |
| 将 Azure Static Web Apps 连接到 Azure Database for PostgreSQL | https://learn.microsoft.com/en-us/azure/static-web-apps/database-postgresql |
部署
评论
支持 Markdown