使用 Docker 搭建前端 Java 開發環境

dreamGong 發布于2019-06-28 15:21 / 1528人閱讀

摘要：解決的痛點免搭建后端開發環境。開發環境改變只需要改變鏡像就能同步更新。啟動這個新建的鏡像。

這篇文章是為了解決前后端開發沒有徹底分離的坑，因為我司用的是java，入職第一天就是搭建本地開發環境，看見了多年不見的eclipse的圖標出現我的電腦上，我是難過的。后來知道并不是我一個人有此感受。依稀記得有個同學整整一天項目都沒跑起來的崩潰感。為了解決這個問題我們嘗試了很多方案，但是大大小小都有許多坑。
直到有一天....我坐在地鐵上，看著對面的妹子發呆，忽然一道閃電滑過，地鐵突然停了！
為什么我突然想不起當天那個妹子長什么樣子了~好惆悵。

解決的痛點

免搭建后端開發環境。

開發環境改變只需要改變鏡像就能同步更新。

不需要eclipse等IDE工具。

切換開發項目

解決思路

利用docker啟動Ubuntu鏡像，在容器中搭建好項目需要的開發環境，使用掛載卷將本地代碼掛載到容器中，使用容器中的環境編譯運行代碼，宿主機通過 docker 暴漏出的端口訪問容器中的服務，這樣前端的開發機上就只需要部署docker就搞定了。

關于docker 了解docker

本文并不打算細講docker的知識，相關的文章有很多，如果有興趣可以看這本書，對于docker的使用我也僅限于此工具的開發，如果有不對的地方還有大家指出來。

加速器

daocloud 加速器

搭建環境

下載和安裝好docker之后我們就可以開始了，我們下面講的都是java，不過其他環境同理。

獲取 Ubuntu 鏡像。

docker pull ubuntu

完成后執行 docker images 就能看到一個剛剛更新的鏡像了。

進入容器

docker run -it ubuntu

安裝軟件、配置環境變量

首先更新apt-get
apt-get update

接下來就可以使用 apt-get install * 安裝你需要的軟件了，如果沒有就下載安裝包自行安裝，同時配置好環境變量，這里就不贅述了。

啟動服務

進入tomcat目錄，啟動服務，在瀏覽器打開 0.0.0.0:8080, 如果沒有錯的話你會看到該服務器無法訪問。這是因為我們剛才啟動的服務是在docker內，如果不做一些操作的話我們是無法訪問到docker內部的服務的。

所以，我們先退出容器

exit

退出之后執行 docker ps -a，就能看到我們剛才的容器依然還在，可能大多剛接觸docker的人都會犯這個錯誤，以為退出容器之后容器就銷毀了，其實不然。

如果我們想再進入這個容器可以執行下面的命令，容器ID請復制自己的。
docker exec -it 容器ID bash

雖然容器還在運行，但是他并沒有持久化，為了防止萬一，在我們修改容器里面的內容之后盡快持久化。

docker commit 容器ID java

這個命令的意思是將我們容器持久化為一個新的鏡像，名字叫java。

啟動這個新建的鏡像。

docker run -it -p 8080:8080 java

注意看我們的啟動命令發生了變化，多了一個 -P 這個命令的意思是將容器內的 8080 端口暴漏到宿主機上。

再次訪問 0.0.0.0:8080，我們就能看到那只小花貓了，真可愛。

剛才那個容器還在占用我們的內存怎么辦，干掉他。

docker rm 容器ID

至此我們的第一步已經完成了，接下來我們就要集成我們的代碼了。

集成代碼

我們剛才啟動的容器是一個完全的獨立的黑盒子，它根本不知道我們的代碼再哪里，所以我們就要使用docker的掛載卷讓宿主機和容器可以共享目錄。

不好意思，我們又要干掉剛才啟動的那個容器了。

docker run -it -v /Users/name/web:/opt/root -p 8080:8080 java

我們的啟動命令又加入了新成員 -v。這個命令的意思就是將用戶根目錄下的 web 目錄掛在到容器中 /opt/root 目錄下。

進入目錄后我們就能發現web目錄下的文件靜靜的躺在里面，像是沉睡多年的瑪麗蘇在等待你的呼喚。

開始呼喚吧。

mvn clean install -U -Plocal -DskipTests

一段時間過后我們就會看到打包成功的提示，將war包copy到 tomcat webapps 目錄下，就能訪問你的項目了。

至此我們的項目終于跑起來了，但是有幾個問題。

每次都要跑這么長的命令？好麻煩。

每次改代碼都要重新打包，時間很長。

啟動日志怎么看？報錯了怎么辦？

怎么修改前端模板文件不需要重啟服務？

基于這些問題，我們就需要寫一個腳本來解決了。

shell腳本

腳本將提供下面幾個指令

-y 更新maven包-編譯-打包-發布-啟動tomcat

-p 編譯-打包-發布-啟動tomcat

-r 重啟tomcat

-c 重新編譯java文件-發布-啟動tomcat

-w 監聽vm文件,默認5S同步一次

-l 查看tomcat日志

-h 幫助

# 需要變動的變量
#################################################################

# 環境變量,根據conf目錄下選擇

DEV="local"

#################################################################

# 不需要改動的變量
# war包地址
WAR_URL="/opt/root/target/*.war"

# tomcat 地址
TOM_URL="/usr/share/tomcat7"

# 項目啟動地址
TOM_ROOT="${TOM_URL}/webapps"

# 文件監聽間隔，單位秒
WT=5

# 拷貝 vm
WC_VM="src/main/webapp/WEB-INF/tpl /usr/share/tomcat7/webapps/ROOT/WEB-INF/"

# 拷貝class
WC_JAVA="target/classes /usr/share/tomcat7/webapps/ROOT/WEB-INF/"

# 通用方法
# 

# 使用新包
function newwar(){

    # 刪除舊包
    rm -rf ${TOM_ROOT}/*

    # 移動war包
    mv ${WAR_URL} ${TOM_ROOT}/ROOT.war
}

# 重啟tomcat
function restart(){
    # 關閉已啟動程序
    killall -9 java
    # 啟動服務
    ${TOM_URL}/bin/startup.sh
    # 輸入啟動日志
    tail -f ${TOM_URL}/logs/catalina.out
}

# 指令處理
while getopts ":yprcwlh" optname
do
    case "$optname" in
    "y")
        echo "更新jar包"

        mvn clean install -U -P${DEV} -DskipTests
        newwar
        restart
        ;;
    "p")
        echo "重新打包"

        mvn clean package -P${DEV} -DskipTests

        newwar
        restart
        ;;
    "r")
        echo "重啟tomcat"

        restart
        ;;
    "c")
        echo "重新編譯并重啟服務"

        mvn clean compile -P${DEV} -DskipTests
        cp -R ${WC_JAVA}
        restart
        ;;
    "w")
        echo "開始監聽vm文件"

        # 監聽 VM
        watch -n ${WT} cp -R ${WC_VM}
        ;;
    "l")
        echo "日志"

        # 監聽 VM
        tail -f ${TOM_URL}/logs/catalina.out
        ;;
    "h")

        echo " -y 更新maven包-編譯-打包-發布-啟動一條龍服務"
        echo " -p 編譯打包發布啟動一條龍服務"
        echo " -r 重啟tomcat"
        echo " -c 重新java文件并部署重啟服務"
        echo " -w 監聽vm文件,默認5S同步一次"
        echo " -l 查看日志"
        echo " -h 幫助"
        ;;
    esac

推廣到團隊

經過上面三步，我們的工具已經建好了，但是怎么讓其他人也能使用起來呢？

docker 提供了云服務，如果我們的鏡像足夠小就可以將鏡像推送到云上供團隊其他人下載運行，但是我們的鏡像已經超過了1G。。。所以我們就不能使用這種方式了。

docker save java -o ./java.tar

使用上面的命令可以將鏡像持久化到本地文件 java.tar，然后通過其他手段進行傳輸到其他同學的機器上，我們使用AirDrop，幾分鐘的事情。

docker load -i java.tar

其他同學可以通過這個命令將我們的鏡像加載到他的docker中。

再將shell腳本集成到項目根目錄中，就可以愉快的使用了。

感謝

特別感謝我司 @董珂 @海峰 @賓哥幾位同學提供的幫助！謝謝。

GPU云服務器云服務器 docker搭建開發環境前端開發環境搭建 docker搭建java環境 java開發環境搭建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/26698.html

使用 Docker 搭建前端 Java 開發環境

摘要：解決的痛點免搭建后端開發環境。開發環境改變只需要改變鏡像就能同步更新。啟動這個新建的鏡像。這篇文章是為了解決前后端開發沒有徹底分離的坑，因為我司用的是java，入職第一天就是搭建本地開發環境，看見了多年不見的eclipse的圖標出現我的電腦上，我是難過的。后來知道并不是我一個人有此感受。依稀記得有個同學整整一天項目都沒跑起來的崩潰感。為了解決這個問題我們嘗試了很多方案，但是大大小小都...

microelec 2019-08-14 14:37 評論0 收藏0
使用 Docker 搭建前端 Java 開發環境

摘要：解決的痛點免搭建后端開發環境。開發環境改變只需要改變鏡像就能同步更新。啟動這個新建的鏡像。這篇文章是為了解決前后端開發沒有徹底分離的坑，因為我司用的是java，入職第一天就是搭建本地開發環境，看見了多年不見的eclipse的圖標出現我的電腦上，我是難過的。后來知道并不是我一個人有此感受。依稀記得有個同學整整一天項目都沒跑起來的崩潰感。為了解決這個問題我們嘗試了很多方案，但是大大小小都...

go4it 2019-08-20 10:50 評論0 收藏0
基于docker搭建前端環境

摘要：前言又是一年畢業季見某大學生苦苦掙扎于搭建環境而不能享受開發的樂趣于心不忍特作此文。前言 ????又是一年畢業季,見某大學生苦苦掙扎于搭建node環境而不能享受開發的樂趣,于心不忍.特作此文。此前已有一文,用 Docker 快速配置前端開發環境????而不同之處,本文會以step by step的形式幫助裝機工完成一次搭建,到處復制:) ????本文旨在于為擺脫搭建開發環境的重復勞動...

jay_tian 2019-08-21 15:49 評論0 收藏0
基于docker搭建前端環境

摘要：前言又是一年畢業季見某大學生苦苦掙扎于搭建環境而不能享受開發的樂趣于心不忍特作此文。前言 ????又是一年畢業季,見某大學生苦苦掙扎于搭建node環境而不能享受開發的樂趣,于心不忍.特作此文。此前已有一文,用 Docker 快速配置前端開發環境????而不同之處,本文會以step by step的形式幫助裝機工完成一次搭建,到處復制:) ????本文旨在于為擺脫搭建開發環境的重復勞動...

Cristalven 2019-06-28 15:47 評論0 收藏0
前端開發者的 Docker 之旅

摘要：毫不夸張的說，前端的演化歷史和成功，是工程師不斷突破桎梏邁向本我的探索旅程。前端是由什么語言組成的前端開發技術，從狹義的定義來看，是指圍繞這樣一套體系的開發技術，它的運行宿主是瀏覽器。 showImg(http://7xi8kv.com5.z0.glb.qiniucdn.com/dalibao.jpg); 「Docker 開發大禮包」已經到了第三季。「JavaScript：世界上最被...

GitCafe 2019-08-22 10:59 評論0 收藏0