背景
本周五项目预上线,用一词形容就是兵荒马乱。可最后总算不负众望,推上了生产环境。作为组长总结一下本次项目的收获。
前后端分离的项目,后端使用打包之后放在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的变化,心中感慨万千,特此纪念。