reactjs - 通过 Azure CLI 基于 Azure DevOps git 存储库部署 ReactJs Azure 静态 Web 应用程序

标签 reactjs azure azure-devops azure-static-web-app azure-static-website-hosting

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

总之,言归正传。 The official Microsoft documentation仅提供了如何对 GitHub 存储库执行此操作的示例,但我找不到任何有关如何在使用 Azure DevOps git 存储库时实现此目的的信息:

az staticwebapp create \
    -n my-first-static-web-app \
    -g <RESOURCE_GROUP_NAME> \
    -s https://github.com/<YOUR_GITHUB_ACCOUNT_NAME>/my-first-static-web-app \
    -l <LOCATION> \
    -b main \
    --app-artifact-location "build" \
    --token <YOUR_GITHUB_PERSONAL_ACCESS_TOKEN>

我认为 az staticwebapp create 在提供的示例中的工作方式应该与 Azure DevOps 类似。 我认为 Azure DevOps 中的 YOUR_GITHUB_PERSONAL_ACCESS_TOKEN 相当于可以生成的访问 token : enter image description here

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

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

我遇到以下异常;

命令组“staticwebapp”处于预览状态并正在开发中。引用和支持级别:https://aka.ms/CLI_refstatus 操作返回无效状态“错误请求”

enter image description here

此外,我认为这并不重要,但 TestPrEnvResourceGroup 是在 UK West 位置下创建的。 它并没有告诉我太多信息,比如 token 或其他参数是否错误......

有什么想法吗? 干杯

最佳答案

你试过吗this way

您需要从 Azure 静态 Web 应用生成部署 token 并将其包含在 YAML 中

我对 Angular app 尝试了同样的操作而且效果很好

 azure_static_web_apps_api_token: $(deployment_token)

更新:根据 Github issue ,目前不支持。

We currently don’t support automatically creating Azure DevOps pipelines. This is the supported path for using Azure DevOps: https://learn.microsoft.com/en-us/azure/static-web-apps/publish-devops

您可以为该功能投票here

关于reactjs - 通过 Azure CLI 基于 Azure DevOps git 存储库部署 ReactJs Azure 静态 Web 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67702715/

相关文章:

javascript - 使用草稿js的Nextjs-当我使用convertFromHTML方法使用HTML内容初始化编辑器时未定义文档

javascript - 如何显示来自 json 文件的标记列表?

azure - 使用 MSAL.js 和 Azure Active Directory 保护 SPA 中的 REST API 调用 - 如何将身份验证 token 传递给承载策略

azure - Power Virtual Agents 在连接到实时代理之前自动建议解决方案

node.js - Azure 身份验证 DefaultAzureCredential 与 Node Js

android - 通过 Android Studio 将现有的 Android 项目添加到 VSTS

reactjs - 使用带有 nginx 的 React 路由器应用程序获取 404

reactjs - 如何限制reactjs useContext仅用于react-router的某些路由

azure - 为什么w3wp内存不断增加?

azure - 有没有办法在 PowerShell 替换脚本中替换 YAML 变量?