我正在尝试使用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,我可以打开该网站并看到它正在运行。起初我对此很满意,但是在阅读了CI和CD之后,我认为应用程序的部署应在管道的CD部分进行。
由于我使用未经任何修改的初始create-web-app,因此我不会在此问题上添加任何代码。另外,我正在使用视觉设计器创建管道。
当我基于来自CI的下降对CD管道进行排队时,我希望看到它一直运行而没有错误。确实是这种情况,但是当我打开网站时,它说找不到HTTP错误404的网站。 我要实现的是将CI中的代码构建与CD中的应用程序部署分离。