JooLun微信开发框架前端生产环境部署（centos7）

该教程只适合V2.7.0之前的老版本，新版文档

一、安装nginx（自行百度）

二、用户WebStorm打包

npm run build

三、上传打包后的dist文件夹到/mnt/install/joolun-ui/目录下

四、修改nginx配置

# vi /usr/local/nginx/conf/nginx.conf

以下代码都放在http {}标签中

server {
        listen       80;
        server_name  localhost;

        # 打包好的dist目录
        root /mnt/install/joolun-ui/dist/;
              
        location ~* ^/(auth|code|admin|gen|weixin|mall|doc|webjars|swagger-resources) {
           proxy_pass http://127.0.0.1:9999;
           #proxy_set_header Host $http_host;
           proxy_connect_timeout 15s;
           proxy_send_timeout 15s;
           proxy_read_timeout 15s;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

五、启动nginx

# systemctl start nginx.service

六、（小程序版特有）由于小程序官方规定所有请求必需是https协议，所以我们要开启https，通过nginx实现

1、申请ssl证书，推荐阿里云的，下载nginx类型的证书

2、# vi /usr/local/nginx/conf/nginx.conf

以下代码都放在http {}标签中

443做为https端口

server {
        listen       443 ssl;
        server_name  demo.joolun.com;
        #证书的路径
        ssl_certificate      /mnt/install/ssl/2881620_demo.joolun.com.pem;
        ssl_certificate_key  /mnt/install/ssl/2881620_demo.joolun.com.key;

        ssl_session_cache    shared:SSL:1m;
        ssl_session_timeout  5m;

        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

        # 打包好的dist目录文件目录
	root /mnt/install/joolun-ui/dist/;
        location ~* ^/(auth|code|admin|gen|weixin|mall|doc|webjars|swagger-resources) {
           proxy_pass http://127.0.0.1:9999;
           proxy_connect_timeout 15s;
           proxy_send_timeout 15s;
           proxy_read_timeout 15s;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }

3、设置服务器域名（https://mp.weixin.qq.com）

将你nginx中https配置的域名添加到域名列表中