文章目錄

• • DevOps介紹
  • 前端自動(dòng)化
  • 自動(dòng)化相關(guān)概念
  • • 問題提出
    • 常見現(xiàn)象
    • 最佳實(shí)踐

DevOps介紹

相信大家或多或少的聽過這個(gè)詞DevOps，而且看起來很高大上，其實(shí)這個(gè)是敏捷開發(fā)的一種執(zhí)行流程表現(xiàn)，先來一張經(jīng)典的DevOps流程圖：

具體的流程為：

• 先是計(jì)劃plan，編碼code，然后編譯build，測(cè)試test（Dev）
• 然后發(fā)布release，部署deploy，運(yùn)維operate，監(jiān)控monitor（Ops）
• 然后發(fā)現(xiàn)問題或有新的需求，就重新計(jì)劃plan。。。如此循環(huán)
  這就是完整的DevOps流程。

下面看一下詳細(xì)的開發(fā)環(huán)境和流程以及自動(dòng)化能幫我們做什么：

首先我們開發(fā)關(guān)注的只有本地開發(fā)這個(gè)環(huán)節(jié)，本地環(huán)境也可以是打包好的環(huán)境，對(duì)接自動(dòng)化流程的開發(fā)環(huán)境，提交到Git flow，自動(dòng)觸發(fā)自動(dòng)化流程，根據(jù)git提交的分支和信息，確定自動(dòng)化發(fā)布流程。如果有bug可以從缺陷控制查看具體信息，然后本地開發(fā)確認(rèn)是否有問題，根據(jù)bug的環(huán)境來測(cè)試修復(fù)，再提交到Git flow，待發(fā)布成功后告知缺陷控制系統(tǒng)，然后測(cè)試再去驗(yàn)證做好記錄，如果測(cè)試完成就關(guān)閉bug。

可見自動(dòng)化流程只需要我們關(guān)注代碼的開發(fā)，至于構(gòu)建、打包、測(cè)試、部署等步驟可以自動(dòng)完成，能夠減少我們后期運(yùn)維的工作量。

前端自動(dòng)化

前端自動(dòng)化是指前端代碼的自動(dòng)化構(gòu)建、打包、測(cè)試及部署等流程。

持續(xù)集成（Continuous Integration）CI
持續(xù)部署（Continuous Deployment）CD

前端自動(dòng)化通常與CI/CD流程相結(jié)合。

自動(dòng)化流程的意義

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

自動(dòng)化相關(guān)概念

問題提出

小項(xiàng)目

• 代碼少，頁面單一
• 管理扁平，部署簡(jiǎn)單
• 維護(hù)簡(jiǎn)單
  特點(diǎn)：開發(fā)/測(cè)試、發(fā)布集一身
  缺點(diǎn)：很難延續(xù)，交接困難

工程化的中等項(xiàng)目

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

自動(dòng)化

• 企業(yè)級(jí)應(yīng)用，多場(chǎng)景，多團(tuán)隊(duì)
• 開發(fā)/測(cè)試、部署流程化，自動(dòng)化
• 簡(jiǎn)易部署，快速迭代
• 版本控制，專注功能
  特點(diǎn)：專注代碼遍寫和開發(fā)流程
  缺點(diǎn)：比較難推動(dòng)

常見現(xiàn)象

• 常因?yàn)榘姹尽h(huán)境問題加班、返工
• 開發(fā)效率無法提升，測(cè)試部署工作常有推諉
• 公司運(yùn)維工作好“閑”

最佳實(shí)踐

• 基本的版本控制，培養(yǎng)協(xié)同效率
• 創(chuàng)建工程化項(xiàng)目，參與開源項(xiàng)目實(shí)戰(zhàn)
• 按需取用，推動(dòng)團(tuán)隊(duì)自動(dòng)化流程

總結(jié)

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

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