如何将Azure DevOps中的代码发布到Azure App Service中

标题:如何将Azure DevOps中的代码发布到Azure App Service中
作者:Lamond Lu

背景

最近做了几个项目一直在用Azure DevOps和Azure App Service, 每次都要从零开始搭建从Azure DevOps向Azure App Service发布代码的环境,由于步骤比较繁琐,每次都会忘记其中几个步骤,所以在此总结一下,已备后续再次使用。

Azure DevOps和Azure App Service

Azure DevOps

Azure DevOps其实就是以前的Visutal Studio Team Services Online, 提供了项目管理和源代码管理的功能。你可以将项目源代码代码托管到Azure DevOps,并使用它的Build Pipeline将代码发布指定的服务器或者App Service中。

Azure App Service

App Service使用Azure中的一种重要服务,用户使用它可以快速构建、部署和缩放在任何平台上运行的企业级Web应用、移动应用和API应用。当你需要部署项目的时候,你不需要搭建任何环境,只需要将代码发布到App Service即可, Azure会为你准备好程序运行的环境。

另外App Service提供了许多运维的功能,比如备份,缩放,日志,你只需要进行简单配置就可实现许多复杂的功能。

如何将Azure DevOps中的代码发布到Azure App Service中?

为了演示如何将Azure DevOps中的代码发布到Azure App Service中,我们首先在Azure DevOps中创建一个新的代码库,代码库中只有一个index.html文件,代码如下

<html>
    <head></head>
    <body>Hello World!</body>
</html  

第一步:添加一个Azure App Service

为了部署我们的项目,我们首先需要在Azure Portal中创建一个App Service.

这里我们将当前Web应用起名为LamondTest, 后续我们就可以使用http://LamondTest.azurewebsites.net的域名来访问我们的应用。

第二步: 在Azure AD中添加一个App Registration

为了将Azure Devops中的代码发布到Azure App Service中,我们需要在Azure AD中注册一个App。

我们可以从左侧菜单中选择Azure AD, 然后选择App Registration, 你就能看到如下页面

点击+New application registration

这里我给这个Application命名为DeploymentApp, 然后Application type选择Web app / API。

因为我们这个Application只是来辅助发布项目的,所以Sign-on URL对我们不是很重要,所以我就随便用了度娘的URL.

创建成功之后,你会看到一下界面

这里比较重要的是Application ID, 你需要将它记下来,以便后续操作使用

第二步:创建访问应用使用的Key

如果你完成上一步操作之后,不要关闭面板,继续点击面板中的Settings按钮。

选择API ACCESS -> Keys

添加一个TestKey, 并设置永不过期,Value值可以任何设置一个,保存之后这个Value值保存成一串密钥,这里这串密钥需要保存一下,以备后续使用。

第三歩: 为DeploymentApp分配Contributor角色

为了借助DeploymentApp发布代码,我们需要将LamondTest这个App Service的Contributor角色分配给DeploymentApp.

这里我们可以通过LamondTest -> Access Control(IAM) -> Add role assignment添加角色,并保存

第四步:获取TenantId和SubscriptionId

除了前面的Application ID和密钥,我们还需要找到当前Azure的Tenant Id和Subscription Id

Tenant Id

我们可以从 Azure Active Directory -> Properties 中查找到Directory ID, 这里Directory ID即我们所需的Tenant Id

Subscription Id

Subscription Id,即订阅Id, 我们可以在Subscription模块中找到它

第五步:创建Azure Resource Manager

前面四步都是在Azure Portal中的操作,后面的所有操作都是在Azure DevOps中来操作

首先我们需要来添加Azure Resource Manager, 我们可以通过Project Settings -> Service connections -> +New service connections -> Azure Resource Manager来打开添加界面

点击use the full version of the service connection dialog

这里Subscription ID和Tenant ID就是第四步中获取到的2个ID,Service principal client ID和Service principal key分别就是第二步中的Application ID和密钥。

注意:这里Subscription name必须输入正确,通常来说都是Pay-As-You-Go, 如果不同,你可以根据你自己的Azure Subscription name来替换。

这里我将这个连接命名为LamondTestConnection。

点击OK之前我们可以通过Verify connection来尝试连接,连接成功会返回一个Verified状态图标

第六步:创建Build Pipeline

当前面操作都完成之后,我们就可以开始创建Build Pipleline了

我们可以通过Pipelines -> Builds -> New Pipeline打开添加Build Pipleline界面。

这里我们需要选择代码来源Azure Repos Git, 然后选择我们之前创建的源代码仓储HelloWorld, 点击Continue

然后选择Empty Job

在Pipeline管理页面中,点击加号,选择Azure App Service Deploy

选择Azure App Service Deploy: LamondTest, 设置Azure subscription为LamondTestConnection, 并选择App Service name为LamondTest

最后将Package or folder设置为$(System.DefaultWorkingDirectory)

最后点击Save & Queue, 我们的代码就会自动发布到之前定义好的App Service中

最后我们使用浏览器访问https://lamondtest.azurewebsites.net/, 网页代码就正确显示了

附加: 启用持续集成

Azure DevOps的Build Pipeline还支持持续集成,我们可以设置每天定时发布或者每次check-in都触发代码发布,我们可以修改刚才创建的Build Pipeline.

在Triggers页签中,我们可以启用Enable continous integration.

在下面的Branch Filter中,你可以设置监控的代码分支。

现在我们去修改之前的index.html.

<html>
    <head></head>
    <body>Hello Continuous Integration!</body>
</html

然后签入代码。

现在我们返回Azure DevOps的Build Pipleline界面,你会发现代码开始自动发布了

发布成功之后,我们重新用浏览器访问https://lamondtest.azurewebsites.net/, 新的代码已经启用了

这说明我们的代码持续集成配置成功了。

原文地址:https://www.cnblogs.com/lwqlun/p/10321718.html

时间: 2024-10-10 15:34:01

如何将Azure DevOps中的代码发布到Azure App Service中的相关文章

关于将sublime中的代码高亮导出到博客中

第一步:打开sublime编辑器,用快捷键ctrl+shift+p调出control panel,在出现的输入框中输入install,按回车键 第二步:然后输入插件名称sublimehighlight,选中并进行安装,当页面最下方出现一行输入框的时候,将此行代码粘贴进去:”https://github.com/n1k0/SublimeHighlight/tree/python3“ 按回车键 第三步:接下来,再设置代码的样式 设置方法为:依次点开下图所示: 第四步:此时会出现一个页面,我设置的代码

在 UWP 应用中创建、使用、调试 App Service (应用服务)

在 Windows 10 中微软为 UWP 引入了 App Service (即应用服务)这一新特性用以提供应用间交互功能.提供 App Service 的应用能够接收来自其它应用传入的参数进行处理后返回数据. 创建应用服务 要使应用支持提供 App Service 非常简单.只需正确配置应用的清单文件后添加服务相关的代码即可. 配置应用清单文件 打开项目中的 Package.appxmanifest 文件. 切换到 Declarations 选项卡. 在左侧 Available Declara

Android中利用icodetools工具快速定位App破解中关键点方法

icodetools工具地址:https://github.com/fourbrother/icodetools 一.前言 在前面已经介绍了icodetools工具的实现原理和具体使用规则,关于这部分的知识点还不了解的同学可以去下面两篇文章详细查看:Android中注入代码工具icodetools原理篇,Android中注入代码工具icodetools完善篇.同时这个工具已经放到github上了,感兴趣的同学可以下载尝试各种app的代码注入功能. 那么有了这两篇文章之后,现在我得实际操作了,要动

如何将一个Form中的代码拆分到多个文件中

https://social.msdn.microsoft.com/Forums/en-US/64c77755-b0c1-4447-8ac9-b5a63a681b78/partial-class-for-a-form-problem?forum=csharpide 首先,新建一个windows窗体应用程序 添加一个FormMain,然后可以看到这个FormMain下面,有一个FormMain.Designer.cs文件,里面存放了控件初始化的代码 并且双击FormMain.Designer.cs

将pycharm中的代码上传到远程Ubuntu中

no bb...下面直接放图开干...^_^ 原文地址:https://www.cnblogs.com/hgzero/p/8975384.html

为Azure DevOps Server (TFS) 配置安全访问(HTTPS with SSL)

Contents 1. 概述 2. HTTP和HTTS比较 支持HTTP和HTTPS两种方式 要求所有连接使用HTTPS 优点: 缺点: 3. 为Azure DevOps Server 配置安全访问 1. 概述 Azure DevOps Server (TFS)支持默认的超文本传输协议(HTTP),也支持安全的超文本传输协议(HTTPS).将TFS服务器服务器配置为安全访问(https/SSL),可以大幅增强其部署的安全性和数据传输的安全性.在系统部署过程中,TFS默认选择HTTP部署方式:如果

自动化代码发布系统实现

日常运维问题 在我日常运维工作中,代码发布可能是最普遍的一项工作之一,尤其是网页代码的更新,碎片化发布需求非常频繁.在前期开发人员比较少时,还可以由自己来上服务器通过脚本来发布代码.但随着公司项目的增多,更多的开发人员加入到公司,发布代码需求开始增多,这就占用了我大部分时间,经常的被打断其它工作来发布代码,非常地不爽,然后开始想解决方法. 尝试解决问题 当然,发布代码肯定是运维的职责之一了,但频繁的发布导致运维大部分时间浪费在重复的操作上,非常的不值得.基于此,开始限制代码发布频率,要求把不是很

代码发布系统实现

文章目录 [隐藏] 关于项目开源 日常运维问题 尝试解决问题 最终解决方案 开源技术使用 代码发布流程 最后想说的话 关于项目开源 由于挺多同学请求开源此项目,在这里说明一下:其实本人是想开源的,由于是本人写的第一个运维方面的系统,且写这个项目的时间时间紧,只达到了可以使用的程度,完全没有达到开源的要求,希望理解! 日常运维问题 在我日常运维工作中,代码发布可能是最普遍的一项工作之一,尤其是网页代码的更新,碎片化发布需求非常频繁.在前期开发人员比较少时,还可以由自己 来上服务器通过脚本来发布代码

微软改名部又出动啦!微软宣布VSTS改名为Azure DevOps

本篇为翻译,原文地址:https://azure.microsoft.com/en-us/blog/introducing-azure-devops/ 作者:Jamie Cool,Azure DevOps项目管理总监 今天我们正式宣布Azure DevOps. 在与世界各地的客户和开发人员合作中,DevOps对团队的成功变得越来越重要. Azure DevOps在提供支持软件开发团队的工具方面拥有超过15年的投资和学习经验. 在过去的一个月中,有超过80,000名Microsoft内部用户和成千