網(wǎng)站列表設(shè)計(jì),北京營(yíng)銷型網(wǎng)站建設(shè)多少錢,淄博網(wǎng)站優(yōu)化,鞍山一般做一個(gè)網(wǎng)站需要多少錢前期準(zhǔn)備 基于Centos7系統(tǒng)云服務(wù)器一臺(tái)。 基于Vue-cli的項(xiàng)目部署在gitlab之上。 部署目標(biāo) 搭建DockerNginxJenkins環(huán)境#xff0c;用于實(shí)現(xiàn)前端自動(dòng)化部署的流程。具體的實(shí)現(xiàn)效果為開(kāi)發(fā)人員在本地開(kāi)發(fā)#xff0c;push提交代碼到指定分支#xff0c;自動(dòng)觸發(fā)jenkins進(jìn)行…前期準(zhǔn)備·基于Centos7系統(tǒng)云服務(wù)器一臺(tái)?！せ赩ue-cli的項(xiàng)目部署在gitlab之上。部署目標(biāo)搭建DockerNginxJenkins環(huán)境用于實(shí)現(xiàn)前端自動(dòng)化部署的流程。具體的實(shí)現(xiàn)效果為開(kāi)發(fā)人員在本地開(kāi)發(fā)push提交代碼到指定分支自動(dòng)觸發(fā)jenkins進(jìn)行持續(xù)集成和自動(dòng)化部署?？梢栽O(shè)置在部署完成后通過(guò)郵件通知部署的成功與否成功后會(huì)將打包后的文件上傳到服務(wù)器通過(guò)nginx反向代理展現(xiàn)頁(yè)面失敗則會(huì)打印相關(guān)的錯(cuò)誤日志。友情提示盡量選擇阿里云或者騰訊云服務(wù)器其他服務(wù)器部署時(shí)可能會(huì)出現(xiàn)Jenkins無(wú)法正常啟動(dòng)Dcoker環(huán)境的搭建連接云服務(wù)器可以選擇阿里云或者騰訊云提供的在線終端有時(shí)會(huì)卡但是推薦使用本地電腦進(jìn)行連接。在終端輸入連接命令ssh root你的服務(wù)器公網(wǎng)地址之后輸入云服務(wù)器密碼命令顯示結(jié)果如下Docker有兩個(gè)分支版本Docker CE和Docker EE即社區(qū)版和企業(yè)版。本教程基于CentOS 7安裝Docker CE。安裝Docker環(huán)境1. 安裝Docker的依賴庫(kù)。yum install -y yum-utils device-mapper-persistent-data lvm22. 添加Docker CE的軟件源信息。sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo3. 安裝Docker CE。sudo yum install docker-ce4. 啟動(dòng)Docker服務(wù)。sudo systemctl enable docker // 設(shè)置開(kāi)機(jī)自啟sudo systemctl start docker // 啟動(dòng)dockerDocker安裝docker-composedocker-compose 是用于定義和運(yùn)行多容器 Docker 應(yīng)用程序的工具。通過(guò) Compose您可以使用 YML 文件來(lái)配置應(yīng)用程序需要的所有服務(wù)。然后使用一個(gè)命令就可以從 YML 文件配置中創(chuàng)建并啟動(dòng)所有服務(wù)。下載docker-compose:sudo curl -L https://github.com/docker/compose/releases/download/1.24.0/docker-compose-$(uname -s)-$(uname -m) -o /usr/local/bin/docker-compose安裝完成后提升權(quán)限:sudo chmod x /usr/local/bin/docker-compose輸入docker-compose -v顯示如下頁(yè)面Docker安裝Nginx和Jenkins服務(wù)安裝Nginx和Jenkinsdocker鏡像拉取nginx和jenkins環(huán)境命令如下docker pull nginxdocker pull jenkins/jenkins:lts安裝完成后執(zhí)行docker images可以清晰的看到當(dāng)前docker下存在的鏡像。docker imagesNginx和Jenkins目錄編寫(xiě)為了便于管理在docker下我們將Nginx和Jenkins聚集到一個(gè)文件目錄之中。目錄結(jié)構(gòu)如下 compose - docker-compose.yml // docker-compose執(zhí)行文件 nginx conf.d - nginx.conf // nginx配置 jenkins - jenkins_home // jenkins掛載卷 webserver -static //存放前端打包后的dist文件webserver目錄屬于后期生成暫不討論需要手動(dòng)創(chuàng)建的是compose,nginx和Jenkins目錄及其下屬文件其中最主要的是docker-compose.yml文件和nginx.conf文件的配置。以上文件夾建議放在根目錄下面可以放在home文件夾之下也可以單獨(dú)創(chuàng)建一個(gè)新的文件夾。docker-compose.yml文件配置version: 3 services: # 集合 docker_jenkins: user: root # 為了避免一些權(quán)限問(wèn)題 在這我使用了root restart: always # 重啟方式 image: jenkins/jenkins:lts # 指定服務(wù)所使用的鏡像 在這里我選擇了 LTS (長(zhǎng)期支持) container_name: jenkins # 容器名稱 ports: # 對(duì)外暴露的端口定義 - 8080:8080 - 50000:50000 volumes: # 卷掛載路徑 - /home/jenkins/jenkins_home/:/var/jenkins_home # 這是我們一開(kāi)始創(chuàng)建的目錄掛載到容器內(nèi)的jenkins_home目錄 - /var/run/docker.sock:/var/run/docker.sock - /usr/bin/docker:/usr/bin/docker # 這是為了我們可以在容器內(nèi)使用docker命令 - /usr/local/bin/docker-compose:/usr/local/bin/docker-compose docker_nginx: restart: always image: nginx container_name: nginx ports: - 8090:80 - 80:80 - 433:433 volumes: - /home/nginx/conf.d/:/etc/nginx/conf.d - /home/webserver/static/jenkins/dist/dist:/usr/share/nginx/htmlnginx.conf文件配置server{ listen 80; root /usr/share/nginx/html; index index.html index.htm; }上述兩個(gè)文件配置完成之后需要進(jìn)入/home/compose目錄下面輸入以下命令進(jìn)行環(huán)境的啟動(dòng)docker-compose up -ddocker-compose stop //停止nginx和jenkins 兩者結(jié)合可以進(jìn)行重啟輸入docker ps -a查看容器的情況狀態(tài)顯示up后面的端口號(hào)顯示如上為正常狀態(tài)。在瀏覽器輸入你云服務(wù)器的公網(wǎng)IP加上8080的端口號(hào)就可以顯示如下頁(yè)面注意點(diǎn)**在此步驟之前切記一定要開(kāi)放云服務(wù)器的80端口安全組可以參考提供的一鍵開(kāi)通功能但是除此之外建議手動(dòng)添加8080端口的安全組。**_**80端口:是為HTTP(HyperText Transport Protocol)即超文本傳輸協(xié)議開(kāi)放的端口。**_8080端口:是被用于WWW代理服務(wù)的,可以實(shí)現(xiàn)網(wǎng)頁(yè)瀏覽。上圖所需要的密碼在docker-compose.yml中的volumes中/home/jenkins/jenkins_home/secrets/initAdminPassword中?？梢酝ㄟ^(guò)以下命令獲得cat /home/jenkins/jenkins_home/secrets/initialAdminPassword安裝Jenkins插件進(jìn)入頁(yè)面之后選擇推薦安裝。安裝完成之后選擇左側(cè)Manage Jenkins選項(xiàng)。如下圖所示jenkins中Manage Plugins搜索以下插件gitlab、Publish Over SSH、nodejs并安裝。安裝完成后配置nodejs環(huán)境和ssh參數(shù) 在首頁(yè)選擇global tool ConfigurationNodeJS選擇自動(dòng)安裝和對(duì)應(yīng)的nodejs版本號(hào)選擇成功后點(diǎn)擊保存。配置ssh信息Manage Jenkinsconfigure System填寫(xiě)服務(wù)器的相關(guān)信息關(guān)聯(lián)Jenkins和gitlab生成密鑰在根目錄下執(zhí)行一下命令ssh-keygen -t rsa一般默認(rèn)兩次回車如下圖所示使用cd ~/.ssh查看生成的文件。將生成的密鑰id_rsa復(fù)制粘貼到j(luò)enkins中的憑證。如圖所示登陸gitlab在gitlab中配置id_rsa.pub公鑰新建項(xiàng)目準(zhǔn)備完畢后開(kāi)始新建一個(gè)任務(wù)選擇新建itemfreestyle project構(gòu)建一個(gè)自由風(fēng)格的項(xiàng)目。源碼管理新建完成后在源碼管理中配置git信息credentials選擇我們剛剛添加的憑證。構(gòu)建觸發(fā)器在構(gòu)建觸發(fā)器中選擇我們觸發(fā)構(gòu)建的時(shí)機(jī)你可以選擇隊(duì)友的鉤子比如push代碼的時(shí)候Merge Request的時(shí)候點(diǎn)擊高級(jí)選項(xiàng)找到secret tokenGenerate生成一個(gè)token值配置成功后還需要到gitlab中增加對(duì)應(yīng)的鉤子。記下上圖的webhookURL紅線框出和secret token值到gitlab中進(jìn)行配置。構(gòu)建環(huán)境及構(gòu)建配置完成上述配置后jenkins就和gitlab關(guān)聯(lián)起來(lái)在本地push文件時(shí)就會(huì)自動(dòng)構(gòu)建訪問(wèn)云服務(wù)器的公網(wǎng)IP地址就可以訪問(wèn)修改完成后的項(xiàng)目同樣也可以在Jenkins上手動(dòng)構(gòu)建如圖所示結(jié)束語(yǔ)最后簡(jiǎn)單的線上部署項(xiàng)目就結(jié)束了有域名的同學(xué)可以進(jìn)行云解析映射公網(wǎng)的IP地址這樣就可以使用更具辨識(shí)度的域名進(jìn)行項(xiàng)目的開(kāi)發(fā)及上線。最后作為一位過(guò)來(lái)人也是希望大家少走一些彎路在這里我給大家分享一些軟件測(cè)試的學(xué)習(xí)資料和我花了3個(gè)月整理的軟件測(cè)試自學(xué)全棧這些資料希望能給你前進(jìn)的路上帶來(lái)幫助。?視頻文檔獲取方式這份文檔和視頻資料對(duì)于想從事【軟件測(cè)試】的朋友來(lái)說(shuō)應(yīng)該是最全面最完整的備戰(zhàn)倉(cāng)庫(kù)這個(gè)倉(cāng)庫(kù)也陪伴我走過(guò)了最艱難的路程希望也能幫助到你以上均可以分享點(diǎn)下方小卡片即可自行領(lǐng)取。