能否通过Azure App Service WebApp原生创建静态网站替代Static WebApp？

完全可以用免费层App Service WebApp实现你的需求，无需依赖ASP.NET Core框架或付费的Static Web Apps计划，以下是具体方案：

1. 快速配置静态网站托管 #

创建F1（免费）层App Service WebApp后，直接上传静态文件（HTML/CSS/JS等）即可，无需额外后端框架：

• 上传方式：用部署中心绑定GitHub/GitLab仓库自动部署，或通过应用服务编辑器、FTP手动上传；
• 基础配置：在WebApp的「配置 > 常规设置」中，将默认文档设置为你的入口文件（如index.html）；
• SPA路由支持（针对React/Vue等单页应用）：
  • Windows计划：添加web.config文件（放在站点根目录），用URL重写规则将所有非文件/目录请求导向index.html（示例配置如下）；
  • Linux计划：选择Node.js栈，设置启动命令为npx serve -s，自动处理SPA路由并托管静态文件。

<!-- Windows计划用的web.config示例 -->
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <defaultDocument>
      <files>
        <add value="index.html" />
      </files>
    </defaultDocument>
    <rewrite>
      <rules>
        <rule name="SPA Route" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/index.html" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

2. 启用原生认证功能 #

App Service自带的认证功能和Static Web Apps体验一致，支持Azure AD、Google、Facebook等身份提供商：

• 在WebApp的「认证」面板开启，可配置强制站点认证或特定路径认证；
• 前端可通过/.auth/me端点获取用户身份信息，无需自定义认证逻辑；
• 可将认证令牌传递给你的独立Function App，实现API的身份验证（只需在Function App中启用对应身份提供商的认证即可）。

3. 集成Azure存储访问 #

通过托管标识实现无密钥的存储访问，符合原生支持需求：

• 在WebApp的「标识」面板启用系统分配的托管标识；
• 给该标识赋予目标存储账户的权限（如Blob数据读者/贡献者）；
• 前端或后端（若需）可通过App Service的身份验证机制获取存储访问令牌，直接调用Azure Storage API，无需硬编码密钥。

4. 连接独立Function App #

直接在前端调用Function App的端点即可，无需中转：

• 在Function App的「CORS」设置中添加WebApp的域名，允许跨域请求；
• 利用WebApp认证生成的令牌，在请求Function App时携带，实现API的权限控制；
• 完全解耦Web界面和API，符合你的架构设计需求。

对比你考虑的免费Static WebApp中转方案，这个方案更优：

• 零成本，完全使用免费层资源；
• 架构更简洁，去掉中转层减少延迟和维护复杂度；
• 原生支持认证、存储访问等功能，和Static WebApp功能对齐；
• 完全独立托管Web界面和API，满足解耦需求。

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