相信每個人入職第一天就是搭建本地開發(fā)環(huán)境，因為我司用的是java，看見了多年不見的eclipse的圖標(biāo)出現(xiàn)我的電腦上，我是難過的。后來知道并不是我一個人有此感受。這篇文章是為了解決前后端開發(fā)沒有徹底分離的坑，詳細(xì)的給大家介紹了利用Docker搭建前端Java的開發(fā)環(huán)境。

一、解決的痛點

1、免搭建后端開發(fā)環(huán)境。

2、開發(fā)環(huán)境改變只需要改變鏡像就能同步更新。

3、不需要eclipse等IDE工具。

4、切換開發(fā)項目

二、解決思路

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

三、關(guān)于docker

了解docker

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

加速器

daocloud 加速器

四、搭建環(huán)境

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

獲取 Ubuntu 鏡像。

docker pull ubuntu

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

進(jìn)入容器

docker run -it ubuntu

五、安裝軟件、配置環(huán)境變量

首先更新apt-get

apt-get update

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

六、啟動服務(wù)

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

所以，我們先退出容器

exit

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

如果我們想再進(jìn)入這個容器可以執(zhí)行下面的命令，容器ID請復(fù)制自己的。

docker exec -it 容器ID bash

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

docker commit 容器ID java

這個命令的意思是將我們?nèi)萜鞒志没癁橐粋€新的鏡像，名字叫java。

啟動這個新建的鏡像。

docker run -it -p 8080:8080 java

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

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

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

docker rm 容器ID

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

七、集成代碼

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

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

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

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

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

開始呼喚吧。

mvn clean install -U -Plocal -DskipTests

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

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

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

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

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

4、怎么修改前端模板文件不需要重啟服務(wù)？

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

八、shell腳本

腳本將提供下面幾個指令

-y 更新maven包-編譯-打包-發(fā)布-啟動tomcat

-p 編譯-打包-發(fā)布-啟動tomcat

-r 重啟tomcat

-c 重新編譯java文件-發(fā)布-啟動tomcat

-w 監(jiān)聽vm文件,默認(rèn)5S同步一次

-l 查看tomcat日志

-h 幫助

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

# 環(huán)境變量,根據(jù)conf目錄下選擇

DEV="local"

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

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

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

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

# 文件監(jiān)聽間隔，單位秒
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(){
  # 關(guān)閉已啟動程序
  killall -9 java
  # 啟動服務(wù)
  ${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 "重新編譯并重啟服務(wù)"

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

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

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

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

九、推廣到團(tuán)隊

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

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