如何在azureDevOps应用服务中部署angular通用应用程序
我正在面临一个问题,在Azure Web服务中部署一个Angular Universal应用程序,我遵循此步骤 https://stackoverflow.com/A/53616516/10979521 但是有一个错误说 ##[error]Error: Publish using webdeploy options are supported only when using Windows agent. 我猜想在我的应用服务设置中创建应用程序服务时发生了问题 (( *发布(代码) *运行时堆栈(.NET Core 2.2) *操作系统(Windows) ) # Node.js with Angular # Build a Node.js project that uses Angular. # Add steps that analyze code, save build artifacts, deploy, and more: # https://learn.micr
0 2024-02-25
编程技术问答社区
如何从Visual Studio Team System向Azure网站部署一个纯Angular应用程序
有人知道如何将纯Angular应用程序部署到Azure网站吗? i在VSTS GIT源控制中具有Angular 2应用程序(例如Angular 2快速启动).如何通过设置VST构建将应用程序部署到Azure网站? 我看到了用于部署node.js(带有角)的文档: https://msdn.microsoft.com/en-us/library/vs/alm/build/azure/nodejs .按照文档中的说明,我确实成功地将许多角度应用程序部署到了Azure网站上.但是我在Angular应用程序中不使用Node.js.我希望我只能将我的纯Angular应用程序部署到Azure网站. 以前,我使用Visual Studio创建空项目以包含我的Angular应用程序.这些项目可以轻松地部署到Azure网站上.现在我正在使用VS代码,并且不想创建任何Visual Studio解决方案.我不知道如何使用纯角代码在VST中进行连续部署. 我知道我可能还是需要使用IIS,
0 2024-02-24
编程技术问答社区
通过构建服务器运行时,PhantomJS未被捕获
我正在使用业力和磷酸盐和茉莉花来测试我的Angularjs.当我在本地运行GULP测试时,它可以正常运行,启动Phantomjs并运行所有测试,但是当测试在构建服务器上运行时,它会失败,但由于以下错误: 请注意,我正在使用VST并使用其内置云构建系统(托管代理).说这几乎是一个任务跑步者,我只使用它来运行GULP任务(构建,测试等) [32m13 07 2016 15:21:32.260:INFO [karma]: [39mKarma v1.1.1 server started at http://localhost:9876/ [32m13 07 2016 15:21:32.262:INFO [launcher]: [39mLaunching browser PhantomJS with unlimited concurrency [32m13 07 2016 15:21:32.284:INFO [launcher]: [39mStarting browser Phanto
Angular生产版本没有在dist-Azure DevOps中创建my-app文件夹
在本地运行ng build --prod --aot时,它会在区域/文件夹中完美地创建一个my-app文件夹.内部我有预期的mian,polyfills和运行时JS文件(带有哈希值). 在Azure DevOps(VSTS)中运行它时,仅创建了一个out-tsc文件夹. 我的angular.json "projects": { "my-app": { "root": "", "sourceRoot": "./ClientApp", "projectType": "application", "prefix": "app", "schematics": {}, "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options":
0 2024-02-22
编程技术问答社区
Angular CLI VSO持续集成
我过去已经为Angular2项目设置了CI,但是我最近开始使用Angular-CLI,而是使用'ng'命令. 当我尝试在" Visual Studio Online"中为项目设置CI时,我找不到执行" NG"命令的方法. 我尝试运行NPM命令(使用目录中的NPM任务)安装CLI; NPM安装-G Angular -CLI,之后我运行NPM安装.现在,要运行" ng build",我试图在使用命令行工具中运行(因为似乎没有一个工具可以允许我运行ng命令),但是失败了,说ng不是公认的命令. 使用VSO? 为Angular-CLI项目设置CI的任何建议 谢谢 解决方案 如果您希望您的构建定义在任何构建代理上运行(主机上的托管代理),则可以使用 angular-cli 的本地安装 npm ,没有 -g标志: >npm install angular-cli 默认情况下,NPM将在.\node_modules\.bin\ 下安装'ng' 您的构建定义可以使
0 2024-02-22
编程技术问答社区
ChromeDriver只支持Chrome89版本
使用Azure DevOps,以某种方式停止工作,当我运行ng lint && ng e2e && ng test --watch=false时,我无法完成测试.这在运行本地时正在工作. [16:43:25] I/launcher - Running 1 instances of WebDriver [16:43:25] I/direct - Using ChromeDriver directly... [16:43:27] E/launcher - session not created: This version of ChromeDriver only supports Chrome version 89 Current browser version is 88.0.4298.0 with binary path D:\a\1\s\node_modules\puppeteer\.local-chromium\win64-818858\chrome-win\chrome.ex
2 2024-02-22
编程技术问答社区
部署到Linux应用服务时,Angular CLI应用无法运行
我正在尝试使用Azure Dev OPS将Angular CLI应用程序部署到Linux OS上的Azure应用程序服务 - 但没有成功.我得到图像1.服务器或应用程序日志中没有错误. 这是我到目前为止所做的: 使用DevOps构建构建角CLI应用程序,并将所得的" DIST"文件夹放在" Drop"文件夹中.请参阅下面(图2)组成我的构建的任务.这可以正常工作并创建预期的文件. 在DevOps中创建了一个版本,在Linux的Azure App Service中的WWWRoot文件夹中部署了所有DIST文件.下面显示的是wwwroot文件夹(左)和我的本地dist文件夹(右),我运行了ng build -prod -prod. 我怀疑我需要通过在部署时喂一些命令时间来启动角度.我尝试运行" NG Serve -Host 0.0.0.0",但这无效. 解决方案 Linux和Windows App Service之间存在微妙而又很大的区别:IIS- Windo
0 2024-02-22
编程技术问答社区
用于具有多种项目类型的解决方案的Azure Devops构建管线
我有一个包含以下 的解决方案 几个ASP.NET项目(微服务和网关) .NET Core + Angular 8(前端) 当我点击Visual Studio中的"构建"按钮时,每个项目都是.我创建了一个存储库并上传了解决方案.现在,我试图弄清楚如何设置管道来构建每个微服务并将它们部署到单个Azure Web应用程序中. 我有以下角度项目的管道.我应该定义这样的单独任务吗?有没有办法在此处复制Visual Studio? # ASP.NET # Build and test ASP.NET projects. # Add steps that publish symbols, save build artifacts, deploy, and more: # https://learn.microsoft.com/azure/devops/pipelines/apps/aspnet/build-aspnet-4 trigger: - master poo
0 2024-02-22
编程技术问答社区
为Azure DevOps API消费获取OAuth令牌
我有一个用Angular7编写的Web应用程序.我尝试了几个库,例如adal-angular msal-angular和包装器,例如microsoft-adal-angular6.遵循他们的文档和样品.我可以成功访问用户的姓名,电子邮件和令牌.我可以将令牌用于Microsoft Graph API,但不能将其用于Azure DevOps API.我尝试使用此令牌作为身份验证Bearer我的HttpClient,但是我要获得状态代码203. 然后我找到了这个答案认为这是我需要的缺失部分,但它是dotnet的. api im cosuming:https://app.vssps.visualstudio.com/_apis/accounts Q: im im得到了什么? 如何使用Angular 7获得适当的令牌? 我需要什么图书馆? 解决方案 我使用了@azure/msal-angular.我使用acquireTokenSilent(['499b84ac-
0 2024-02-22
编程技术问答社区
使用Azure DevOps在Angular 7中的JavaScript堆出内存的问题
我正在致命错误:call_and_retry_last分配失败 - Angular 7.1升级后的JavaScript堆 升级.以前的6.1版工作正常. 我在运行ng build --prod命令时仅在Azure DevOps中获得错误. 在本地建立完美的构建 以下是详细日志.知道为什么我会遇到这个错误吗? 2018-11-22T06:40:36.2804965Z ##[section]Starting: npm build 2018-11-22T06:40:36.2809301Z ============================================================================== 2018-11-22T06:40:36.2809365Z Task : npm 2018-11-22T06:40:36.2809456Z Description : Install and publish npm p
0 2024-02-22
编程技术问答社区
如何在Azure DevOps的发布过程中转换/修改js文件
方案/当前状态:我有一个Anzure DevOps上的Angular 5项目.我推动Dev/Test和来自同一分支(主)的产品.我有环境.TS文件为我的构建设置,因此,当我从Master构建项目时,它会根据我正在构建的环境来拾取Baseapiurl的baseapiurl.我的主分支总是使用run-script build --env=dev使用命令. 我要实现的目标:我想为不同的环境制定一个构建和多个"发布"计划.默认情况下,在构建时,所有角度代码都将转换为我的" DIST"文件夹中的.js文件.环境变量存在于main.bundle.js中.在发布过程中,如何转换/修改该文件? 解决方案 我同意 Sergey ,不建议这样做,但我过去在一个角度项目中做到了. 很简单,请安装baseUrl = __baseUrl__ 在发行管道中,为每个环境添加一个变量baseUrl. 现在在每个发行环境(阶段)中添加替换令牌任务并将其配置为搜索模式__{variable}
0 2024-02-22
编程技术问答社区
在Azure上部署Angular 5 build:ssr
我已经构建了我的项目启动表格的角度通用模板: unisesal-starter 我正在尝试将SSR构建部署为Azure Web应用程序.我的代码在VST上. 在我的本地计算机上,我可以运行以下操作: npm install npm run build:ssr.这会产生DIST文件夹. 然后我可以在其他地方复制DIST文件夹,并使用下面的命令运行 node server.js 该应用在本地计算机上的端口4000开始. 因此,遵循上面的步骤,我在VST上创建了一个构建过程,并具有以下任务: 运行npm install 的NPM任务 运行npm run build:ssr 的NPM任务 Azure App服务部署任务具有以下配置: 软件包文件夹:dist/ web.config参数: - handler iisnode -nodestartfile server.js -apptype节点 上面的进程成功运行,但是当我导航到 https:
0 2024-02-22
编程技术问答社区
Visual Studio团队服务-如何设置NativeScript构建?
我只是使用Nativecript + Angular启动一个新项目,并在Visual Studio Team Services中托管了代码.我是New atnativecript的新手 当我在本地构建时,我会执行以下命令:tns build但是,我尚不清楚如何在团队服务构建定义中使用它.现在我的构建定义仅由 组成 获取资源 NPM安装 ??? (我想在这里做tns build在这里) 它当前失败了,因为它不知道tns命令是​​什么,据我所知,由于其托管实例,我无法在代理上安装这些工具. 感谢任何想法或其他想法! 解决方案 这是答案,您需要设置全局目录并将其添加到路径中. 随时删除调试评论. echo 'This is the current path.' echo $PWD echo 'This is the global path.' npm prefix -g echo 'Setting the npm prefix path' npm config
0 2024-02-22
编程技术问答社区
浏览器中不尊重Azure Angular Routing
问题描述 我有一个使用CLI组合在一起的Angular应用程序,并将其部署到Azure Semi.不幸的是,当我导航到我的网站时,浏览器中没有尊重路线.基本上,一旦到达站点,路由在浏览器中是静态的.但是只有当部署到Azure时.在本地,一切正常. 简单演练 例如: 说我们以-该路线将加载,它将正常运行. 然后,我们单击一个链接,将我们带到有效的是,这需要我走到那条路线.除了我查看浏览器窗口,它仍然会读: http://my-my-awsome.site/ 另外,如果我从什么让我晚上起床 本地,一切都可以正常工作. localhost:4200/works,单击Localhost:4200/Some-Route Works,浏览器更新并反映了Localhost的新URL:4200/Some-Route 有用的信息 我通过VST部署到Azure.我不确定是什么让Udner the Hood运行.老实说,我是新手部署Angula
0 2024-02-22
编程技术问答社区
在使用azure devops时,无法将带有angular应用程序的nodejs部署到azure web应用程序中。
我正在尝试为Azure DevOps中的平均堆栈应用程序创建管道.前端部分是使用带有Angular的Nodejs构建的,后端是使用带有Express的Nodejs构建的. 1)将Frontend Nodejs项目部署到Azure Linux Web应用程序中,使用Azure DevOps构建了NodeJS堆栈,同时尝试通过URL访问该应用程序时,我被重定向到默认节点页面而不是我的应用程序.但是,当我在ASP.NET上构建的Windows Web应用程序上使用同一管道部署同一应用程序时,我可以使用URL访问该应用程序.日志还表明"部署已经成功并准备好服务",是否应该进行任何更改以访问Linux Web应用中部署的应用程序? 2)如果我在不同的Web应用程序中同时部署前端和后端,那么代码中的相关URL修改是否足够,还是需要设置任何连接字符串以建立从前端到back-的连接结束. 链接到构建管道yaml文件的屏幕截图以下提供: https://i.stack.imgur.com
0 2024-02-22
编程技术问答社区
在Angular 2中使用vss-web-extension-sdk
我正在尝试使用Angular 2和Typescript编写Visual Studio Team Services扩展,而我很难失败(我是JavaScript,Typescript和Angular的相对菜鸟,所以...) 我已经走了几条路,但是没有一个途径.在运行了此软件包的建议设置的各种口味(例如,TSD安装[大依赖项],然后是TSD链接),在失败之后,试图用NPM安装替换它们...这一切都取决于事实当我尝试在代码中引用它时,它不知道" VSS"是什么. 我尝试从'vss-web-extension-sdk'进行导入{vss},但它说它找不到一个名为" vss-web-extension-sdk"的模块. 我尝试导入 *作为'vss-web-extension-sdk'的VSS,同样的问题. 好吧,我说,显然这实际上不是像TS这样的模块,所以我尝试了" VSS"和" VSS/VSS"(发现通过VSS.D.TS文件进行挖掘). 我进入了node_modules
0 2024-02-21
编程技术问答社区
ASP.NET Core 2 + Angular -> 如何设置VSTS?
我有我的 asp.net core + Angular WebApp 上传到GitHub(通过VSTS),现在我想设置CI管道.之后,我想部署我的应用 . 在"模板"部分中 - 有一个 asp.net核心模板,但也有 Azure Web应用程序模板. 考虑到我的案件,哪个更适合这种情况? 解决方案 我在 levi fuller的博客. 您可以通过较小的更改来使它正常工作:与李维斯所说的不同,您确实需要一个 npm任务 设置 npm任务 单击三个点按钮 - >将带有package.json的工作文件夹设置为包含包装文件的文件夹. 设置 Azure应用程序服务部署 单击三个点按钮 - >将软件包或文件夹设置为包含.csproj文件的文件夹. 其他解决方案 没有直接使用的构建模板,模板是方便的,您需要将其修改为每个细节要求. 请参阅以下步骤: 转到团队项目的构建页面(例如https://XXX.visualstudio.com/[team
0 2024-02-21
编程技术问答社区
Azure和NX,运行管道时的错误:NPM:具有ID 4224的另一个过程,当前正在运行NGCC
我正在尝试使用Azure运行管道,而对于构建,它会失败此错误: 当我本地运行nx affected --target=build --base=origin/master --prod --parallel命令时,我也有Another process...消息,但它并不显示为允许构建继续的错误.但是在Azure上它只是失败:( 知道我如何解决这个问题?谢谢 解决方案 进一步调查后,我发现问题是Powershell. 这是我正在使用的YAML代码: - task: PowerShell@2 displayName: 'Running build' inputs: targetType: 'inline' script: 'npm run nx affected -- --target=build --base=origin/master --prod --parallel' 看起来P
0 2024-02-21
编程技术问答社区
ng run project:deploy-项目目标不存在
我为Angular Web应用程序有一个工作生产. 我在Appservice计划,应用程序服务,资源组,存储帐户,KeyVault,SQL Server和Signalr. 我想使用Azure部署我的Web应用程序.我的源控制是Azure Devops. 我遵循教程: https://learn.microsoft.com/en-us/azure/devops/pipelines/pipelines/cd/cd/deploy-webdeploy-webapps?view = azure-devops https://angular.schule.schule/blog/2019-08-ng-deploy ,但基本上总是在最后一步失败: ng运行:部署 取决于我输入的内容,我会收到两种类型的错误消息. 如果我输入ng run projectName:deploy(我认为这是正确的名称),我会得到 An unhandled exception o
0 2024-02-21
编程技术问答社区
为什么在azureDevOps上ng构建失败了?
我正在尝试使用Azure DevOps进行CI/CD,以下任务失败了. 这是软件包.JSON文件信息: "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build --prod", 这是错误消息: 我尝试删除 - 制作,创建自定义构建参数,并编辑YAML以手动调用NG build 解决方案 在您的环境中设置了以下NPM和节点版本: npm 6.9.0 node 10.16.3 有一个问题,NPM不支持此node.js版本: https:https://Github.com/nodejs/help/issues/2134 . 要修复您需要添加'node.js tool installer'任务以将node.js版本定为支持8.11.2(或检查您使用的版本),然后在管道中的NPM安装任务之前: 其他解决方案 为什么NG构建在Azuredevops上失败? 在GitH
0 2024-02-21
编程技术问答社区