经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 软件/图像 » Git » 查看文章
使用Github部署Azure应用服务
来源:cnblogs  作者:Agile.Zhou  时间:2020/12/14 17:08:57  对本文有异议

上次我们介绍了如何使用Azure应用服务(不用虚机不用Docker使用Azure应用服务部署ASP.NET Core程序)。我们通过Visual studio新建一个项目后手动编译发布代码。然后通过FTP上传我们的发布文件。整个过程跟我们手动发布项目到IIS上其实没啥差别。
这么操作有点繁琐,显然在这年头也有点过时了。这次我们来玩一下azure应用比较高级的持续部署。说高级其实也很简单,Azure现在跟github有比较深入的集成,只有通过鼠标点几下,立马就完成了。
话不多说,下面就演示下吧。

配置部署中心

如何新建应用服务因为前面讲过了就不在赘述了。直接从配置部署中心开始吧。
rZ2jUI.png
点击侧边“部署中心”,在弹出的页面上选择“Github”。
点击“继续”弹出github授权界面。
rZ2XVA.png
点击“Authorize AzureAppService”同意授权。
rZ2Lbd.png
点击“下一步”配置生成提供程序,选择“Github Actions”。
rZ2qDH.png
点击“下一步”弹出配置界面,这个页面可以选择github上的仓库。
我随便选一个以前提交上去的RazorpageCrudDemo吧。分支选择master。运行时堆栈选择:.net core,版本 .net core 3.1 lts 。

  1. # Docs for the Azure Web Apps Deploy action: https://github.com/Azure/webapps-deploy
  2. # More GitHub Actions for Azure: https://github.com/Azure/actions
  3. name: Build and deploy ASP.Net Core app to Azure Web App - az-app-service-01
  4. on:
  5. push:
  6. branches:
  7. - master
  8. jobs:
  9. build-and-deploy:
  10. runs-on: ubuntu-latest
  11. steps:
  12. - uses: actions/checkout@master
  13. - name: Set up .NET Core
  14. uses: actions/setup-dotnet@v1
  15. with:
  16. dotnet-version: '3.1.102'
  17. - name: Build with dotnet
  18. run: dotnet build --configuration Release
  19. - name: dotnet publish
  20. run: dotnet publish -c Release -o ${{env.DOTNET_ROOT}}/myapp
  21. - name: Deploy to Azure Web App
  22. uses: azure/webapps-deploy@v2
  23. with:
  24. app-name: 'az-app-service-01'
  25. slot-name: 'production'
  26. publish-profile: ${{ secrets.AzureAppService_PublishProfile_677a6a0b22a146f8b67ab3e6372bbd60 }}
  27. package: ${{env.DOTNET_ROOT}}/myapp

点击“完成”会自动生成一个yml文件。这个yml配置的就是github的action workflow。我们的azure应用服务跟github就是通过它串起来的。

验证部署

rZ2TgO.png
切换到github的actions页面。会发有一个build and deploy的job正在运行。
rZ244x.png
等待这个job运行成功后,我们就可以访问azure应用服务的url地址了。
rZ2fER.png
访问一下azure应用服务对应的url,出现了asp.net core的默认页面。说明我们的部署成功了。
rZ2hU1.png
在访问下里面的页面,也成功渲染出来了。

持续部署(CD)

  1. @page
  2. @model IndexModel
  3. @{
  4. ViewData["Title"] = "Home page";
  5. }
  6. <div class="text-center">
  7. <h1 class="display-4">Azure App deploy with Github</h1>
  8. <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
  9. </div>

既然是持续部署(CD),那么我们尝试下修改项目的首页,然后提交代码,看会不会自动部署代码。
rZ2o8K.png
提交完代码后,github的actions页面立马又出现了一个job。
rZ2IC6.png
等待job完成之后,再次访问azure服务应用的url,果然首页变成了我们修改的样子,说明持续部署成功了。

关注我的公众号一起玩转技术

原文链接:http://www.cnblogs.com/kklldog/p/azure-app-service-with-github.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号