iT邦幫忙

1

快速完成CI/CD - Azure App Service(AKA Web應用程式)

  • 分享至 

  • xImage
  •  

在現在的時代,身為一個工程師

CI/CD已經快要是一個基本配備了

如果你還不會?不知道如何運作?

沒關係!!!

我們可以利用Azure App Service

快速地先完成一個範本

接著我們再從中來慢慢研究了解他整個流程

首先我們需要3個步驟來完成

1.建立一個App Service

https://ithelp.ithome.com.tw/upload/images/20200809/20103426s7mEuYfmU0.png

按一下檢閱+建立後

https://ithelp.ithome.com.tw/upload/images/20200809/20103426OQxPm8fBKp.png

接著我們直接把建立用力地按下去

再來...等他跑完第一步驟就差不多完成了

https://ithelp.ithome.com.tw/upload/images/20200809/20103426YlgLjejCXW.png

https://ithelp.ithome.com.tw/upload/images/20200809/20103426mUQuJYLxTm.png

看到這個以後我們直接點選前往資源來查看我們剛剛建立好的App Service

https://ithelp.ithome.com.tw/upload/images/20200809/20103426w6Aj2CjHCl.png

第一步驟結束

2.設定部署中心

首先我們先點選部署中心

https://ithelp.ithome.com.tw/upload/images/20200809/20103426BL0dTzR81o.png

再來選擇我們習慣使用的CI/CD服務提供者

https://ithelp.ithome.com.tw/upload/images/20200809/20103426k4QYbd5MtN.png

這邊筆者是使用Github

https://ithelp.ithome.com.tw/upload/images/20200809/20103426aVqVeMYOBU.png

再來筆者是使用中間...把所有一切都丟給Github去弄

https://ithelp.ithome.com.tw/upload/images/20200809/20103426sOM1IkrOkn.png

接著Azure就會自動去幫你聯絡github他們也會把工作流程設定的yml檔案生成給你看

https://ithelp.ithome.com.tw/upload/images/20200809/20103426Ny06bH7Vad.png

接著按下完成就會直接做到好

https://ithelp.ithome.com.tw/upload/images/20200809/20103426jDDZngjZpu.png

第二步驟到這邊就結束了

3.等待

等完後就會看到成功的結果

https://ithelp.ithome.com.tw/upload/images/20200809/20103426KEcxeN4ssE.png

是不是很簡單?

如果有問題的話,右邊的小本本可以直接點下去,就可以看到詳細的內容!!!

https://ithelp.ithome.com.tw/upload/images/20200809/20103426xuPIAHTgtU.png

當我們到github看的時候,就會看到Azure自動幫我們產生的『工作流程設定』

https://ithelp.ithome.com.tw/upload/images/20200809/201034262hAX2X24oE.png

筆者這次是直接使用github已經存在的原始檔來當作App Servie的資料源

目的是要讓大家知道,我們可以把已經存在的web專案用git的方式丟上去

就不用擔心會ide不支援的問題了!!


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言