使用Azure DevOps项目将create-react-app部署到Azure Web服务

时间:2019-01-29 12:55:42

标签: reactjs azure-devops azure-pipelines create-react-app

我正在尝试使用Azure DevOps项目为基本的create-react-app建立CI / CD管道。 使用以下规范初始化DevOps项目后:
-自带代码
-dockerized:否
-应用程序运行时:Node.js
-Windows Web App
-定价层:免费
我让两个管道都经过了,然后根据此guide开始对其进行调整。
所以我最终得到了一个 CI ,它看起来像这样:
-npm安装
-npm运行构建
-存档文件,用于存档$(System.DefaultWorkingDirectory)/ build
-发布构建工件:drop
以及如下所示的 CD
-提取文件(目标:$(System.DefaultWorkingDirectory)/ build)
-部署Azure App Service(版本3. *,程序包:$(System.DefaultWorkingDirectory)/ build)

出于好奇,我尝试将Deploy Azure App Service添加到管道的CI部分中。它实际上将应用程序部署到了Azure App Service,我可以打开该网站并看到它正在运行。起初我对此很满意,但是在阅读了CICD之后,我认为应用程序的部署应在管道的CD部分进行。

由于我使用未经任何修改的初始create-web-app,因此我不会在此问题上添加任何代码。另外,我正在使用视觉设计器创建管道。

当我基于来自CI的下降对CD管道进行排队时,我希望看到它一直运行而没有错误。确实是这种情况,但是当我打开网站时,它说找不到HTTP错误404的网站。 我要实现的是将CI中的代码构建与CD中的应用程序部署分离。

0 个答案:

没有答案