问题标签 [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.
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_TOKEN
Azure 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
位置下创建的。它并没有告诉我太多,比如令牌或其他参数是否错误......
有任何想法吗?干杯
azure - Azure 静态 Web 应用中 Azure 函数的 CORS
Azure Functions 允许在函数应用中配置 CORS 策略。但是我们如何对在 Azure 静态 Web 应用程序中创建的函数执行相同的操作。
静态 Web 应用程序 UI 没有配置 CORS 的功能(下面的屏幕截图)。
azure - 如何在 Azure 静态 Web 应用程序的 API(Azure 函数)中获取当前用户的角色
我想调用 api 并在函数处根据用户的角色决定显示/返回的信息级别。有人可以提供有关如何在 Azure 静态 Web 应用程序上的 Azure 函数中获取登录用户角色的示例吗?
通过“Function App”部署 Azure Function 时,我可以获得角色和当前用户名,但使用“Static Web App”我还没有弄清楚。
azure - 保护公共 Web 应用使用的 Azure 函数终结点
我有一个使用 Angular 开发的 Azure 静态 Web 应用程序(比如说我的公司主页),它需要无需身份验证即可公开访问。如果我希望主页上的一些动态内容来自数据库(即新闻项目或产品列表),是否有任何方法可以“保护”将这些数据提供给前端的 Azure Function 端点。
“安全” == 我想将端点的访问权限限制为我的 Azure 静态 Web 应用程序。
我还想设置一个函数来监听来自 PayPal 的 IPN 请求,因此我想将该函数配置为只能从 PayPal 访问。
我看到我可以将 CORS 配置为仅允许特定域访问某个功能——这是我的最佳选择吗?
azure - Azure 静态 Web 应用路由区分大小写
我正在使用 nextjs 构建一个静态站点,并使用静态 Web 应用程序产品在 azure 中托管它。部署我的应用程序后,我注意到动态生成的 urlnext export
实际上区分大小写,即https://MYAPP.azurestaticapps.net/MYPAGE无法解析,但https://MYAPP.azurestaticapps.net/mypage可以解析。有没有办法在 nextjs 或 azure 级别解决这个问题?
azure - 此 Azure DevOps 存储库中的宏是否会导致我的部署管道失败?
一段时间以来,我一直在尝试获得我认为从 Azure DevOps 存储库启动到 Azure 静态 Web 应用程序实例的简单部署。一切都托管在同一个帐户下。
这是一个标准的 Blazor Server 应用程序。除了 CSS 更改和 UI 之外,我还没有添加任何特别令人兴奋的东西。没有其他组件或依赖项。
我怀疑可能是一个异常值是一个(可能考虑不周的)项目名称,它使用了一个宏 'ē' 字符。唯一可能的因素是将所有源代码放在 /src 文件夹下而不是项目的根目录下,但是构建任务是成功找到该存储库并构建,所以除非我需要专门命名具有类似约定的输出文件夹,我看不到我还缺少什么。
失败消息是:
Oryx 构建了应用程序文件夹,但无法确定应用程序工件的位置。请通过 GitHub 工作流文件指定应用程序工件位置。
管道已尽我所能减少:
它总是很明显,但在这种情况下我没有看到它。有什么建议么?
next.js - 将导出脚本添加到现有的 next.config.js
我正在关注 Microsoft 的教程: 在 Azure 静态 Web 应用程序上部署静态渲染的 Next.js 网站
问题是,我正在尝试将此代码添加到我的 next.config.js 文件中:
但我的 next.config.js 已经有一些现有内容:
我怎样才能将它们结合起来?
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 构建日志
yaml - 在多阶段管道中使用 DevOps 部署 Azure 静态 Web 应用
我目前正在开发将部署在 Azure 静态 Web 应用程序上的 Blazor WebAssembly 应用程序。现在我需要创建我的 CI/CD 管道,并且有一种非常简单的方法可以使用 AzureStaticWebApp 任务来构建和发布应用程序,如下所示:
但是,此任务同时构建和发布应用程序。在我的管道中,我想构建我的 Blazor 应用程序并将其存储为工件。在我的管道的一个阶段,这个工件将发布到测试环境,如果所有测试都通过,那么另一个阶段将把这个相同的工件发布到生产环境。目标是发布在生产环境中测试过的完全相同的工件。
有没有办法使用 AzureStaticWebApp 任务来完成这个任务,或者有什么替代方法吗?