一、前言 作為一名前端菜雞,服務器小白,剛開始在Linux服務器上部署網站時,前端代碼我一般都是打包后手動FTP傳上去,后端代碼直接在vscode中使用SSH連接服務器,直接同步代碼更改。 但小黑作為一個生命不息折騰不止的程序猿,肯定要探索更好玩更高效的方法,所以這次,咱就上手折騰了下自動化部署 ...
如今的前端開發早已不用之前的刀耕火種的方式寫代碼了,項目開始時會考慮各種前端框架react vue angular等,然后就是用webpack搭建項目開發架構。開發完后我們會將webpack編譯后的文件通過svn發到服務器上,但是這樣很容易存在文件漏發,且多人參與發開易沖突等。經過多次開發實踐,目前我們的項目采用jenkins gitlab實現自動化編譯與部署,這樣簡化了項目部署等問題,極大的減少 ...
2018-08-03 14:56 0 6667 推薦指數:
一、前言 作為一名前端菜雞,服務器小白,剛開始在Linux服務器上部署網站時,前端代碼我一般都是打包后手動FTP傳上去,后端代碼直接在vscode中使用SSH連接服務器,直接同步代碼更改。 但小黑作為一個生命不息折騰不止的程序猿,肯定要探索更好玩更高效的方法,所以這次,咱就上手折騰了下自動化部署 ...
前端自動化之ts編譯 gulp引用包:gulp-tsc gulpfiles.js代碼: 然后在serve中監控ts代碼的改變並編譯 ...
1、安裝jenkins: 按照網上教程安裝,默認安裝推薦的插件即可,默認密碼在你安裝jenkins目錄下的secrets文件夾里,initialAdminPassword文件。 2、新建項目: 創建一個新項目,選擇自由風格(前端),然后進行配置。 2.1、源碼管理:配置代碼所在 ...
年前我也在自動化部署這方面下了點功夫,將自己的學習所得在自動化部署的一小步,前端搬磚的一大步這篇博客中做了分享。感謝兩位網友@_shanks和@TomCzHen的意見,讓我有了繼續優化部署流程的動力。本文主要是在自動化部署流程中,對版本管理和流程合理性等方面做了一些改進,配合規范的工作流,使用體驗 ...
這兩天折騰了一下 Jenkins 持續集成,由於公司使用自己搭建的 svn 服務器來進行代碼管理,因此這里 Jenkins 是針對 svn 服務器來進行的配置,Git 配置基本一致,后面也介紹了下針對 ...
Jenkins基本介紹: Jenkins是一個開源軟件項目,它是基於java開發的一種持續集成工具,它用於監控持續重復的工作。它最大的優點是:在開發環境或測試環境代碼部署都不需要運維介入,而是相關的開發人員,測試人員登錄jenkins構建需要部署的tag或分支代碼即可。整個過程不需要運維參與 ...
作為一個偽開發,在一個平台項目中負責前端的開發工作,開發框架為vue,本文我會站在前端開發的角度介紹,我是如何使用cypress的。 [x] 如何在vue中使用cypress [x] 如何運行cypress [x] 如何編寫測試用例 [x] 如何解決測試數據的問題 [x ...
1. 前置條件 有一台自己的服務器。比如阿里雲,騰訊雲之類 有遠程倉庫能夠push代碼,pull代碼。比如github,或者碼雲 遠程倉庫有webhooks功能 2. 自動化部署流程圖 3. 構建流程 3-1. 服務器部署git環境 1. 安裝git 通過指令 ...