服务器部署配置文档

作者：管鹏波

邮箱：guanpengbo@haomo-studio.com

修订记录：

    2017年12月30日    管鹏波    初始化文档

1.所需的运行环境

jdk环境

描述：见附件《centos安装java》 版本：1.8

tomcat环境

描述：项目完结提供包中有tomcat包。 版本：tomcat8 操作：tomcat包传到服务器上即可

nginx 环境

安装：直接使用centos源进行安装

yum install nginx

2.前台部署

2.1 打包文件上传

1. 建议使用脚本，内容如下：

    #!/usr/bin/
    rm -rf  dist
    gulp build
    rsync -avz --delete dist/ <用户名>@<ip>:<路径>

• 1.rm -rf 的作用是为了将原来的包删掉
• 2.rsync -avz --delete 中的--delete是为了将服务器上之前的包删除掉。
• 3.这两句的命令保证了前端版本的更新。

1. 借助工具上传文件
   • 删除原先部署前端打包文件
   • 新的版本打包（gulp build）
   • 通过工具上传最新的打包文件到服务器

2.2 配置nginx

nginx配置如下：

    server {
            listen       80;
            server_name  < 域名||二级域名 >;

            location / {
                root   < 路径 >;
                index  index.html index.htm;
            }
    }

配置完成之后，通过配置的域名或者二级域名直接访问就可以。

需要注意的问题：

• 1.最好将本地和服务器之前的打包版本删除掉。
• 2.如果打包后图片、字体出现问题，需要手动修改依赖包文件，并在打包过程中替换之前的依赖。

3.后台服务部署

3.1 tomcat8上传到服务器

1. 使用命令如下：

    rsync -avz  tomcat8/*  <用户名>@<ip>:<路径>
   
    备注：命令的作用是把tomcat传到服务器要部署的目录下
   

2. 借助工具上传文件

   • 图形化工具只要确定文件部署的位置即可

3.2 war方式部署

1. 使用命令，如下：

    rsync -avz  star.war  <用户名>@<ip>:<路径>
   
    备注：命令的作用是把war传到tomcat 的webapps目录下
   

2. 借助工具上传文件

   • 将项目提供的war包放到，上面 3.1 tomcat8上传到服务器 中的tomcat根目录下webapps目录中

3.3 启动tomcat8

• 1.进入服务器tomcat的bin目录下；
• 2.启动服务，使用命令如下：

   ./catalina.sh start
  

• 3.访问查看：1.在浏览器中输入<域名+端口号+接口名+参数>，使用lsof -i:<端口号>。

3.4 后台项目nginx配置

放置跨域问题产生，前端配置完后，将后台项目通过代理方式，配置在nginx里。

    location /v1 {
        proxy_pass    http://localhost:8082/v1;
        proxy_set_header Host $http_host;
        proxy_set_header X-Forward-For $remote_addr;
        proxy_pass_request_headers      on;


        if ($request_method = 'OPTIONS') {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Headers' '*';
            return 204;
        }
        if ($request_method = 'POST') {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Headers' '*';
        }
        if ($request_method = 'GET') {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Headers' '*';
        }
    }