一套真實前端開發環境搭建+可持續集成+自動化部署實踐（第一篇環境搭建配置）

以前公司的流程是 gitlab + jenkins + nginx（大概是這樣其餘更細的由於沒有機會涉及因此...略）,大概的流程是就是代碼提交到gitlab再經過jenkins打包部署到服務器，這個時候的效果就是你代碼提交的了。暗暗以爲這是一個很 nice 的過程，相對人肉打包，再放到服務器是一個很舒服的過程。因此也一直但願有機會能夠本身實踐一番。

彙總

• 服務器安裝 Java SDK；
• 服務器安裝 nginx + 啓動；
• 服務器運行啓動jenkins；

若是上述的環境你都已經具有的了那麼你能夠直接跳過這裏，查看 一套真實前端開發環境搭建+可持續集成+自動化部署實踐（第二篇 jenkins關聯 GitHub自動打包部署）

須要的環境成本

• 購買阿里雲ECS（驗證明踐，我選擇的是阿里的玩轉校園生態 ，只要9.5元一個月）
• 註冊的GitHub（這裏使用 GitHub 代替 gitlab ）

提示：

1️⃣以下服務器安裝軟件，儘量的使用yum（能夠理解爲相似 npm 的工具）安裝，省去配置環境變量等的繁瑣步驟；

2️⃣ssh 終端連接服務器長時間不操做，會斷開連接，重登便可；

以下是具體詳細的操做 ⏬⏬⏬⏬

①服務器操做步驟，安裝 Java SDK；

• 登陸服務器進入 控制檯--> 輕量級服務器

  

• 首次到服務器修改一下遠程鏈接密碼

  

• 修改完成以後，使用終端ssh 登陸， ssh root@47.107.253.162（@後面是你的服務器的 ip），登陸成功後，cd 進入根目錄，查看是否有java 環境-java -version（用查看版本的方式），

  

安裝 java sdk

若是沒有輸出信息，則沒有安裝。
若是安裝了，首先卸載 

批量卸載
rpm -qa | grep java | xargs rpm -e --nodeps
yum -y remove java-1.8.0-openjdk-headless-1.8.0.65-3.b17.el7.x86_64

檢索yum中有沒有java1.8的包
yum list java-1.8*  

開始安裝
yum install java-1.8.0-openjdk* -y

安裝完成查看版本，查看jdk版本，java-1.8.0後臺大佬說比較穩，so...
java -version

複製代碼

②服務器操做步驟，安裝 nginx；

// rpm 安裝nginx

rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm

sudo yum install -y nginx

//------運行👆上面兩句，算是安裝成功了，一些文件夾位置和操做以下👇-------

Nginx啓動
nginx -c nginx.conf

//查詢出nginx的pid 
ps -ef|grep nginx

//經過kill 命令殺死 nginx 
kill pid


網站文件存放默認目錄
/usr/share/nginx/html

網站默認站點配置
/etc/nginx/conf.d/default.conf

自定義Nginx站點配置文件存放目錄
/etc/nginx/conf.d/

Nginx全局配置
/etc/nginx/nginx.conf

重啓便可：nginx -s reload

基於nginx的靜態部署：
server {
    listen 80;
    server_name _;
    root /usr/share/nginx/html;
    index Home.html;
}
複製代碼

安裝完畢以後，以默認配置項啓動nginx，驗證成功與否網頁打開你的服務器 ip 便可（ssh root@47.107.253.162，@後面的數字就是你服務器的 ip）

這樣算是安裝成功而且啓動成功了👇

③服務器操做步驟，安裝、啓動jenkins

官網下載,選擇.war包

把下載的 jenkins.war包上傳到你的服務器,這裏的上傳工具 mac 推薦filezilla，windows 推薦 WinSCP，這裏我使用的是filezilla，登陸方式以下圖，

登陸成功後，在/user/jenkins 新建jenkins文件把咱們下載的jenkins.war拖到這個文件夾中完成上傳

filezilla登陸你的服務器可能須要開啓一下端口，這裏是22，默認應該是開啓的，若是沒有開始你就手動開啓一下；

終端登陸，找到剛纔咱們新建，而且上傳 jenkins.war 的文件夾。注意 ！！！注意 ！！！ 注意 ！！！，這裏咱們須要之後臺掛起的方式運行，終端輸入nohup java -jar jenkins.war --httpPort=8080 （後臺以8080啓動運行），

服務器運行 jenkins.war以後，瀏覽器輸入http://47.107.253.162:8080（你的ip+啓動端口）一切正常的話，瀏覽器打開會出現以下界面

👆上界面提示咱們須要一個默認初始化密碼，按照提示的文件夾咱們能夠找到這個密碼複製出來

1.在終端上 vim 編輯 copy 出來

2在 filezilla或者 WinSCP中拖到你的電腦桌面用編輯機打開

輸入 咱們在/root/.jenkins/secrets/initialAdminPassword 中找到的密碼，初始化咱們的帳號

這裏咱們選擇推薦通用插件安裝便可，選擇後等待完成插件安裝以及初始化

建立你的帳號，而且記住你的帳號，而後一路 next 到底就行了

最後若是都完成了，仍是沒法刷新出 jenkins系統界面的話能夠嘗試以下，瀏覽器中輸入便可

1.關閉Jenkins服務
* http://47.107.253.162:8080/exit 
2.重啓Jenkies服務
* http://47.107.253.162:8080/restart 
3.從新加載配置信息
* http://47.107.253.162:8080/reload 
複製代碼

最後登陸成功以後的界面

因爲文章較長，爲了友好的閱讀體驗，第一篇先是介紹服務器須要的配置和軟件的安裝，下一篇會介紹 Jenkins關聯 GitHub，實現GitHub push代碼以後自動打包構建項目代碼到服務器。

鳴謝~ 都看到這裏了，點個讚唄~