运维学习（五）前后端分离项目的部署运维实践

一、选择开源项目renren-fast

renren-fast是一款前后端分离的开源项目，前端主要技术是vue，后端主要技术java。我以开源项目renren-fast做为这次部署运维实践的素材。

访问www.renren.io，点击下载后端源码以及前端源码，跳转gitee，从gitee上获得前后端源码。

二、Windows中查看项目

2.1 运行后端项目

使用eclipse导入renren-fast的后端项目代码：

db文件夹中是项目将要使用到的数据，这里就使用mysql数据库，选用db文件夹中的mysql.sql把数据表建立好：

application.yml中配置了运行项目时使用的是dev环境的配置 ，那么需要把application-dev.yml中的数据源配置做修改，

将其中的数据库连接信息修改成自己的：

之后运行项目即可。

renren-fast中使用了swagger技术便于接口测试，在人人网的开发文档中提供了swagger的接口测试页面地址。

访问该页面，就可以对接口进行测试 ：

 

2.2 运行前端项目 

前端项目主要采用到的技术是VUE、NodeJS、ElementUI。

NodeJS要运行需要先下载安装NodeJS环境，下载后傻瓜式安装即可：

进入前端项目文件夹，

cmd运行命令安装npm：npm install 

cmd运行命令启动前端项目：npm run dev

之后会自动弹出前端项目的登录页，填写用户名/密码：admin/admin 登录即可。