问题标签 [azure-static-web-app]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
477 浏览

reactjs - 通过 Azure CLI 部署基于 Azure DevOps git repo 的 ReactJs Azure Static Web App

我实际上正在使用 Azure 静态 Web 应用程序为在 ReactJs 中制作的 UI 项目开发持续交付管道。我想基于 Azure DevOps 中的 git 存储库创建静态 Web 应用程序并将其部署到 Azure。这背后的原因是我看到了一个巨大的机会,可以为我每天工作的系统创建一个拉取请求环境管道,使用静态 Web 应用程序,这似乎是一个超级便宜和快速的解决方案!然后管道将允许在发布到 DEV、QA、... Prod 环境之前单独测试 Pull Request 更改。

无论如何,直奔主题。 Microsoft 官方文档仅提供了如何为 GitHub 存储库执行此操作的示例,但我找不到有关使用 Azure DevOps git 存储库时如何实现此目的的任何信息:

我认为az staticwebapp create提供的示例中的工作方式应该与 Azure DevOps 类似。我认为YOUR_GITHUB_PERSONAL_ACCESS_TOKENAzure DevOps 中的等价物是可以生成的访问令牌: 在此处输入图像描述

当我尝试运行以下代码时:

az staticwebapp create -l westus2 -n appNameTest1 -g TestPrEnvResourceGroup -s "https://dev.azure.com/myOrganisationName/myProjectName/_git/myRepoName -b "main" --token "generatedTokenValuefwfsdgsgsd"

我收到以下异常;

Command group 'staticwebapp' is in preview and under development. Reference and support levels: https://aka.ms/CLI_refstatus Operation returned an invalid status 'Bad Request'

在此处输入图像描述

另外,我认为这无关紧要,但它TestPrEnvResourceGroup是在该UK West位置下创建的。它并没有告诉我太多,比如令牌或其他参数是否错误......

有任何想法吗?干杯

0 投票
1 回答
308 浏览

azure - Azure 静态 Web 应用中 Azure 函数的 CORS

Azure Functions 允许在函数应用中配置 CORS 策略。但是我们如何对在 Azure 静态 Web 应用程序中创建的函数执行相同的操作。

静态 Web 应用程序 UI 没有配置 CORS 的功能(下面的屏幕截图)。

Azure SWA - 函数

0 投票
1 回答
125 浏览

azure - 如何在 Azure 静态 Web 应用程序的 API(Azure 函数)中获取当前用户的角色

我想调用 api 并在函数处根据用户的角色决定显示/返回的信息级别。有人可以提供有关如何在 Azure 静态 Web 应用程序上的 Azure 函数中获取登录用户角色的示例吗?

通过“Function App”部署 Azure Function 时,我可以获得角色和当前用户名,但使用“Static Web App”我还没有弄清楚。

0 投票
1 回答
133 浏览

azure - 保护公共 Web 应用使用的 Azure 函数终结点

我有一个使用 Angular 开发的 Azure 静态 Web 应用程序(比如说我的公司主页),它需要无需身份验证即可公开访问。如果我希望主页上的一些动态内容来自数据库(即新闻项目或产品列表),是否有任何方法可以“保护”将这些数据提供给前端的 Azure Function 端点。

“安全” == 我想将端点的访问权限限制为我的 Azure 静态 Web 应用程序。

我还想设置一个函数来监听来自 PayPal 的 IPN 请求,因此我想将该函数配置为只能从 PayPal 访问。

我看到我可以将 CORS 配置为仅允许特定域访问某个功能——这是我的最佳选择吗?

0 投票
1 回答
215 浏览

azure - Azure 静态 Web 应用路由区分大小写

我正在使用 nextjs 构建一个静态站点,并使用静态 Web 应用程序产品在 azure 中托管它。部署我的应用程序后,我注意到动态生成的 urlnext export实际上区分大小写,即https://MYAPP.azurestaticapps.net/MYPAGE无法解析,但https://MYAPP.azurestaticapps.net/mypage可以解析。有没有办法在 nextjs 或 azure 级别解决这个问题?

0 投票
1 回答
181 浏览

angular - 为什么当我使用 Azure 静态 Web 应用程序时 msal-angular `loginPopup` 会弹出它自己的页面

当我调用“msal-angular”的 MsalService.loginPopup 时,它自己的页面会像这样弹出。 在此处输入图像描述

当我从 customain 登录并尝试从默认域(从 Azure 静态 Web 应用程序发布)登录时会发生这种情况

0 投票
0 回答
87 浏览

azure - 此 Azure DevOps 存储库中的宏是否会导致我的部署管道失败?

一段时间以来,我一直在尝试获得我认为从 Azure DevOps 存储库启动到 Azure 静态 Web 应用程序实例的简单部署。一切都托管在同一个帐户下。

这是一个标准的 Blazor Server 应用程序。除了 CSS 更改和 UI 之外,我还没有添加任何特别令人兴奋的东西。没有其他组件或依赖项。

我怀疑可能是一个异常值是一个(可能考虑不周的)项目名称,它使用了一个宏 'ē' 字符。唯一可能的因素是将所有源代码放在 /src 文件夹下而不是项目的根目录下,但是构建任务是成功找到该存储库并构建,所以除非我需要专门命名具有类似约定的输出文件夹,我看不到我还缺少什么。

失败消息是:

Oryx 构建了应用程序文件夹,但无法确定应用程序工件的位置。请通过 GitHub 工作流文件指定应用程序工件位置。

管道已尽我所能减少:

它总是很明显,但在这种情况下我没有看到它。有什么建议么?

0 投票
1 回答
37 浏览

next.js - 将导出脚本添加到现有的 next.config.js

我正在关注 Microsoft 的教程: 在 Azure 静态 Web 应用程序上部署静态渲染的 Next.js 网站

问题是,我正在尝试将此代码添加到我的 next.config.js 文件中:

但我的 next.config.js 已经有一些现有内容:

我怎样才能将它们结合起来?

0 投票
0 回答
645 浏览

azure-functions - Oryx - 找不到框架“Microsoft.NETCore.App”,版本“3.1.0”

使用 GitHub Actions 构建我的 Azure 静态 Web 应用程序时,会产生以下 oryx 错误

Oryx 错误似乎表明 .NET Core 3.1.0 不可用,在构建脚本中尝试了以下操作,

  • dotnet-version: '3.1.x'找不到框架“Microsoft.NETCore.App”,版本“3.1.0”
  • dotnet-version: '3.1.0'找不到版本 = 3.1.0 的 .NET Core SDK

这可能是.NET 5 的副本 - The framework 'Microsoft.NETCore.App', version '3.1.0' was not found,但未能成功添加缺少的 SDK。Oryx 团队最近合并更改以添加 .NET Core 3.1 SDK https://github.com/microsoft/Oryx/issues/1032

点网核心 Csproj

构建脚本

Oryx 构建日志

0 投票
1 回答
542 浏览

yaml - 在多阶段管道中使用 DevOps 部署 Azure 静态 Web 应用

我目前正在开发将部署在 Azure 静态 Web 应用程序上的 Blazor WebAssembly 应用程序。现在我需要创建我的 CI/CD 管道,并且有一种非常简单的方法可以使用 AzureStaticWebApp 任务来构建和发布应用程序,如下所示:

但是,此任务同时构建和发布应用程序。在我的管道中,我想构建我的 Blazor 应用程序并将其存储为工件。在我的管道的一个阶段,这个工件将发布到测试环境,如果所有测试都通过,那么另一个阶段将把这个相同的工件发布到生产环境。目标是发布在生产环境中测试过的完全相同的工件。

有没有办法使用 AzureStaticWebApp 任务来完成这个任务,或者有什么替代方法吗?