背景
本週五項目預上線,用一詞形容就是兵荒馬亂。可最後總算不負衆望,推上了生產環境。作爲組長總結一下本次項目的收穫。
前後端分離的項目,後端使用打包之後放在Tomcat容器中就可以了。但是前端由於是第一次使用Angular新框架,使用Nginx代理,這可謂是真正的做到了前後端分離。
1、後端部署
1)執行maven打包命令,下面命令不但跳過單元測試的運行,也跳過測試代碼的編譯。
mvn package -Dmaven.test.skip=true
2)將項目打包好的兩個包service和web兩個war包在所屬目錄的target目錄下。
3)把兩個war包放到服務器的Tomcat的webapps目錄下,啓動Tomcat即可。啓動命令:
tomcat/bin/startup.sh
4)打開ip+端口號/項目名稱-web是否啓用成功。例如,192.168.20.11:8080/demo-web
2、前端部署
1)代碼打包好後會生產一個dist的文件夾,代碼打包命令:
ng build
2)在Nginx中配置訪問路徑
location /dev {
root /usr/local;
index index.html;
}
3)將dist文件夾放在/usr/local中並改名爲dev即可。
4)啓動Nginx。
./nginx
5)輸入前端訪問網址,頁面正常訪問。
自此,前後端項目部署完成!
3、Nginx外網映射
由於項目前後端分離,如果需要外網映射的話則需要前後端都映射出去,而小編習慣成自然只給了運維組後端的網址,大家可一定要吸取這個教訓啊。
總結
第一次作爲項目組長參與項目的整個“生命週期”,從0到1的變化,心中感慨萬千,特此紀念。