实现目标

前后端分离架构是将后端程序部署在应用服务器上，通过API接口为前端提供数据服务；前端页面部署在web服务器上负责页面的渲染与逻辑控制，这种前后端分离的架构使得开发和维护更加便捷。

本节课程的目标是在Nginx服务器上部署前端页面，应用服务器上部署后端程序，运行并测试应用系统。

实现环境

• Nginx服务器：服务器环境为CentOS7+Nginx，用于发布编译完成的前端程序。
• 应用服务器：服务器环境为CentOS7+JDK1.8，用于运行编译打包完成的应用程序。

实现步骤

后端程序的运行与测试

1、后端程序的运行：在应用服务器上启动应用程序。

2、后端程序的测试。

2.1、查看新闻列表并进行多次刷新，程序会返回Json格式的新闻列表。列表页URL为http://IP:8080/list，其中IP为应用服务器的IP地址。

2.2、查看应用服务器日志：每次刷新，后端程序都会从MySQL读取数据。

前端程序的运行与测试

1、前端程序的部署。

1.1、启动Nginx服务。Nginx的安装与配置请查看页面右侧“相关阅读”栏目中的文章。

1.2、查看Nginx的默认配置文件/etc/nginx/conf.d/default.conf，其中默认的网站根目录为/usr/share/nginx/html。

1.3、将编译完成的前端内容拷贝至默认根目录/usr/share/nginx/html。

2、前端程序的测试。

2.1、本地域名解析。在windows文件C:\Windows\System32\drivers\etc\hosts中增加以下配置，将域名www.test.cn指向Nginx服务器。

2.2、通过域名进行访问测试。以下图片是访问首页http://www.test.cn/的效果。