文章目錄

• • DevOps介紹
  • 前端自動化
  • 自動化相關概念
  • • 問題提出
    • 常見現象
    • 最佳實踐

DevOps介紹

相信大家或多或少的聽過這個詞DevOps，而且看起來很高大上，其實這個是敏捷開發的一種執行流程表現，先來一張經典的DevOps流程圖：

具體的流程為：

• 先是計劃plan，編碼code，然后編譯build，測試test（Dev）
• 然后發布release，部署deploy，運維operate，監控monitor（Ops）
• 然后發現問題或有新的需求，就重新計劃plan。。。如此循環
  這就是完整的DevOps流程。

下面看一下詳細的開發環境和流程以及自動化能幫我們做什么：

首先我們開發關注的只有本地開發這個環節，本地環境也可以是打包好的環境，對接自動化流程的開發環境，提交到Git flow，自動觸發自動化流程，根據git提交的分支和信息，確定自動化發布流程。如果有bug可以從缺陷控制查看具體信息，然后本地開發確認是否有問題，根據bug的環境來測試修復，再提交到Git flow，待發布成功后告知缺陷控制系統，然后測試再去驗證做好記錄，如果測試完成就關閉bug。

可見自動化流程只需要我們關注代碼的開發，至于構建、打包、測試、部署等步驟可以自動完成，能夠減少我們后期運維的工作量。

前端自動化

前端自動化是指前端代碼的自動化構建、打包、測試及部署等流程。

持續集成（Continuous Integration）CI
持續部署（Continuous Deployment）CD

前端自動化通常與CI/CD流程相結合。

自動化流程的意義

• 減少人為失誤，提高軟件質量
• 效率迭代，便捷部署
• 快速交付，便于管理

自動化相關概念

問題提出

小項目

• 代碼少，頁面單一
• 管理扁平，部署簡單
• 維護簡單
  特點：開發/測試、發布集一身
  缺點：很難延續，交接困難

工程化的中等項目

• 多頁面，功能復雜
• 資源文件較多，有性能需求
• 有協同需求，代碼模塊化，形成工程目錄
  特點：需快速開發，快速迭代
  缺點：難協同

自動化

• 企業級應用，多場景，多團隊
• 開發/測試、部署流程化，自動化
• 簡易部署，快速迭代
• 版本控制，專注功能
  特點：專注代碼遍寫和開發流程
  缺點：比較難推動

常見現象

• 常因為版本、環境問題加班、返工
• 開發效率無法提升，測試部署工作常有推諉
• 公司運維工作好“閑”

最佳實踐

• 基本的版本控制，培養協同效率
• 創建工程化項目，參與開源項目實戰
• 按需取用，推動團隊自動化流程

總結

以上是生活随笔為你收集整理的前端自动化介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。