文章目錄

• • 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é)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。