部署推广后台

WARNING

本文档介绍CPS推广后台的部署；CPS推广后台也包括后端程序部分和前端网页部分。 CPS推广后台，一般是给下游公会、推广员等访问的后台。

部署后端

推广后台的后端程序和管理后台的后端程序是同一个，请直接参考管理后台的 后端程序部署部分

部署前端

1、配置参数

打开前端项目工程ug-cps-client目录下.env文件，将里面如下配置更改一下

VUE_APP_API: 配置为上面部署好的管理后台的后端程序的外网访问地址，请注意： URL地址最后请携带上/， 比如: http://ugmgr.u8sdk.com:13337/

2、生成部署目录

如果你已经看过前端程序开发环境, 那么前端开发环境搭建好了之后，你可以在前端程序工程ug-cps-client目录下，执行如下命令，生成前端程序的发布目录：

npm run build

编译之后，生成的部署程序在当前工程/dist目录下；然后我们可以将dist目录下的所有内容，拷贝到任何web服务器中对应的目录下，比如Ngnix，Apache，IIS等

3、部署

我们以Nginx为例，安装好Nginx之后，我们在服务器上创建/www/xsdk/cps_client目录，将上面dist目录下所有文件拷贝到该目录下即可

然后，在etc/nginx/conf.d目录下新建一个xsdk_cps.conf，配置我们前端程序的访问规则：

server{
    listen 8094;    #绑定的端口
    server_name www.6xsdk.com;  #绑定域名
    index index.html; #默认文件
    root /www/xsdk/cps_client;  #指向前端文件的存放的目录 

    location / {
      root    /www/xsdk/cps_client; #指向前端文件的存放的目录
      index           index.html; #首页
      try_files $uri $uri/ /index.html; #固定这个
    }

}

这样，我们访问 http://www.6xsdk.com:8094/ 就可以访问到我们的推广后台了。

我们知道，Vue开发的管理后台，一般首页首次打开访问速度会比较慢，因为他是单页应用，首次打开会需要加载很多依赖和配置；虽然我们的前端代码结构中已经做了很多这方面的优化，但是为了进一步加快前端页面的加载速度，我们可以开启Ngnix的gzip压缩；在Ngnix配置文件中(/etc/nginx/nginx.conf)，增加如下配置（如果已经设置过了，就不需要重复设置了）：

gzip  on;
gzip_comp_level 9;
gzip_min_length 100;
gzip_types  application/javascript  text/css  text/javascript;

配置完成后，我们执行命令： ngnix -s reload重载一下配置，然后清除浏览器缓存，再看看首次加载的访问速度吧，这次应该可以秒开了。

部署推广后台 ​

部署后端 ​

部署前端 ​

部署推广后台

部署后端

部署前端