jenkins 部署前端項目


linux 服務器上選安裝 node:

步驟1: 下載node 地址:http://nodejs.cn/download/

 如果向安裝其他版本的:

 

 選擇版本:

 

 

步驟2: 下載完成后,使用 winscp 來連接服務器,將下載下拉的安裝包放到linux服務器上

 

放上去之后解壓:

cd ~/node

tar xvf node-v11.5.0-linux-x64.tar.gz 

安裝:

ln -s ~/node/node-v11.5.0-linux-x64/bin/node /usr/local/bin/node

ln -s ~/node/node-v11.5.0-linux-x64/bin/npm /usr/local/bin/npm

發現如下錯誤,執行命令:rm /usr/local/bin/node(npm的一樣)

檢查:

  

 

 jenkins 上安裝nodejs 插件:

選擇插件管理:

點擊可選插件:

 查找nodejs

 直接安裝

 

另一種安裝方式,直接下載 nodejs.hpi 文件,點擊高級,上傳文件安裝

  圖1,

圖2:

圖3: 

 

 如果安裝過程中失敗的話,可能是因為某一個插件版本太低,需要重新安裝: 好像是config-file-provider-plugin插件

  錯誤如下:

  

解決:

  1. 安裝: config-file-provider-plugin 插件

  或者試試下面方法:

把:http://updates.jenkins-ci.org/update-center.json

換成:http://mirror.esuni.jp/jenkins/updates/update-center.json

 

配置nodejs

上面安裝完成,還需要配置

 

 

配置好記得保存

 

 

部署服務器和jenkins不是同一台服務器,需要添加如下配置:

例如你的jk的ip地址是http://10.110.52.99,你測試環境是http://10.110.52.30,那么j就不是同一台服務器,k構建完成,需要將代碼上傳到你開發服務器上;下面是配置說明:

 

打開系統配置:

找到Publish over SSH配置項,拉到選項的最下面,點擊新增:

  

 服務器的配置說明:

 

            

添加一個構件:

 

 

 

 

 

添加構建步驟:

 

cnpm install  && cnpm run build (需要在服務器上安裝淘寶鏡像)

 

配置構建后操作步驟:簡單來說就是打包后代碼放置在哪里:

情況1:如果部署地址和jenkins不是同一台服務器:

 

 

 情況2:如果部署地址和jenkins是一台服務器:

    

 

添加可根據 “tag標簽” 發布的構件(常常用於生產環境構建):

和上面配置2點不一樣:

1. This project is parameterized 添加配置

2. 構建觸發器不要設置定時發版

 

 

 

如何觸發

非生產環境,直接點擊圖下的構建按鈕:

 

生產環境點擊構建按鈕后,會跳轉下面界面:

 

 

下載git上的代碼,會放在當前工作空間上,查看構建成功后的dist代碼方法如下:

 

 

 

CentOS 系統安裝 yarn

有一次,jk發版,發現發版失敗,是用cnpm安裝依賴,最后發現公司網絡代理有問題,安裝失敗,於是切換為yarn安裝

yarn 官網:https://yarn.bootcss.com/docs/install/#centos-stable

 

打開終端:

安裝源配置: curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo

如果沒有安裝node,安裝:curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -

安裝yarn: sudo yum install yarn

通過如下命令測試 Yarn 是否安裝成功:yarn --version

以上官網教程,筆者安裝失敗,使用下面暴力方式安裝:

1. 下載yarn :https://github.com/yarnpkg/yarn/releases

 

 

 2.先登錄jk服務器 , 將下載好的包,通過 winSCP 放在服務器上,目錄是 /usr/loacl ; 

3. 解壓:

cd /usr/local

tar -zxvf yarn-v1.9.2.tar.gz

4.配置環境變量:(搞完后,重新登陸,執行 yarn -v 可以看到版本

筆者環境配置的文件目錄:/etc/profile

雙擊profile文件,添加:export PATH=$PATH:/usr/local/yarn-v1.19.2/bin(yarn的安裝目錄,就是剛剛解壓的目錄)

 

 

 

 

 

 

 

 

 

   

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM