百度翻了一遍, 沒有一個適合前端的自動化部署教程, 什麼配置服務器, 配置nginx代理服務等等, 對純前端非常不友好;
本文教程也同樣適合後端閱讀;本文github,gitlab通用;
一. 什麼是自動化部署
傳統部署前端網頁的做法的是把代碼丟給運維或者後端, 亦或者通過FTP工具把代碼丟到服務器中, 這裏暫且定個名字這種操作叫手動化部署;
相反的就是自動化部署,顧名思義代碼自動部署到服務器中;
二.爲什麼要做自動化部署
隨着前端工程項目越來越多, 這些手動操作就顯得尤其繁瑣, 讓代碼自己丟進服務器的操作能節省前端開發很多時間, 這樣就可以專心碼代碼, 拒絕做搬運工;
三. 學習前要做的準備
具體實現前, 先介紹一下要使用什麼:
1.jenkins
Jenkins是一款開源CI&CD軟件, 用於自動化各種任務, 包括構建、測試和部署軟件;
jenkins 下載地址: https://www.jenkins.io/zh/
2.服務器
後端都有服務器, 但是前端就不一定了,所以本篇文章前端攻城獅們大膽食用吧
沒有服務器怎麼辦?買一個平時也用不着, 就拿自己電腦當服務器吧.
實現內網穿透即可把本機當服務器, 因爲CSDN不能寫搭建本地服務器教程, 自行百度下吧
四. 自動化部署流程
簡單來講就是當代碼推送到github, github就會給服務器發送指令, 告訴服務器我更新啦, 服務器就進行代碼打包部署的這麼一個操作;
首先安裝jenkins, 安裝好推薦插件
登陸後進行創建任務,選擇FreeStyle project
Genneral(常規)
源碼管理:
公鑰祕鑰在你的個人用戶的.ssh文件夾裏面
代碼有nginx, 是將部署的代碼複製粘貼到nginx上, 你可以粘貼到你的服務器地址, 然後別人就能訪問部署最新的代碼了;
如果執行報錯 java.io.IOException: Cannot run program “sh”, 參考文章: https://blog.csdn.net/qq_40259641/article/details/106190598
構建後操作可以進行email操作, 參考文章:https://www.cnblogs.com/imyalost/p/8781759.html
如果有什麼疑問請留言;