前端自动化介绍
文章目錄
- DevOps介紹
- 前端自動化
- 自動化相關(guān)概念
- 問題提出
- 常見現(xiàn)象
- 最佳實踐
DevOps介紹
相信大家或多或少的聽過這個詞DevOps,而且看起來很高大上,其實這個是敏捷開發(fā)的一種執(zhí)行流程表現(xiàn),先來一張經(jīng)典的DevOps流程圖:
具體的流程為:
- 先是計劃plan,編碼code,然后編譯build,測試test(Dev)
- 然后發(fā)布release,部署deploy,運維operate,監(jiān)控monitor(Ops)
- 然后發(fā)現(xiàn)問題或有新的需求,就重新計劃plan。。。如此循環(huán)
這就是完整的DevOps流程。
下面看一下詳細的開發(fā)環(huán)境和流程以及自動化能幫我們做什么:
首先我們開發(fā)關(guān)注的只有本地開發(fā)這個環(huán)節(jié),本地環(huán)境也可以是打包好的環(huán)境,對接自動化流程的開發(fā)環(huán)境,提交到Git flow,自動觸發(fā)自動化流程,根據(jù)git提交的分支和信息,確定自動化發(fā)布流程。如果有bug可以從缺陷控制查看具體信息,然后本地開發(fā)確認是否有問題,根據(jù)bug的環(huán)境來測試修復,再提交到Git flow,待發(fā)布成功后告知缺陷控制系統(tǒng),然后測試再去驗證做好記錄,如果測試完成就關(guān)閉bug。
可見自動化流程只需要我們關(guān)注代碼的開發(fā),至于構(gòu)建、打包、測試、部署等步驟可以自動完成,能夠減少我們后期運維的工作量。
前端自動化
前端自動化是指前端代碼的自動化構(gòu)建、打包、測試及部署等流程。
持續(xù)集成(Continuous Integration)CI
持續(xù)部署(Continuous Deployment)CD
前端自動化通常與CI/CD流程相結(jié)合。
自動化流程的意義
- 減少人為失誤,提高軟件質(zhì)量
- 效率迭代,便捷部署
- 快速交付,便于管理
自動化相關(guān)概念
問題提出
小項目
- 代碼少,頁面單一
- 管理扁平,部署簡單
- 維護簡單
特點:開發(fā)/測試、發(fā)布集一身
缺點:很難延續(xù),交接困難
工程化的中等項目
- 多頁面,功能復雜
- 資源文件較多,有性能需求
- 有協(xié)同需求,代碼模塊化,形成工程目錄
特點:需快速開發(fā),快速迭代
缺點:難協(xié)同
自動化
- 企業(yè)級應(yīng)用,多場景,多團隊
- 開發(fā)/測試、部署流程化,自動化
- 簡易部署,快速迭代
- 版本控制,專注功能
特點:專注代碼遍寫和開發(fā)流程
缺點:比較難推動
常見現(xiàn)象
- 常因為版本、環(huán)境問題加班、返工
- 開發(fā)效率無法提升,測試部署工作常有推諉
- 公司運維工作好“閑”
最佳實踐
- 基本的版本控制,培養(yǎng)協(xié)同效率
- 創(chuàng)建工程化項目,參與開源項目實戰(zhàn)
- 按需取用,推動團隊自動化流程
總結(jié)
- 上一篇: 【ES6(2015)】Number
- 下一篇: 大学生动漫网页设计模板 机动战士高达静态