MrXujiang/XPCMS

基于node的cms系统, 后端采用node+koa+redis，并通过本人封装的redis库实现数据操作，前端采用vue+ts+vuex开发，后台管理系统采用react全家桶开发

XPCMS

XPCMS

XPCMS是一个开源的CMS系统，服务端采用node+koa+redis+json-schema实现.view层管理端使用vue生态，客户端使用react生态。架构如下：

安装

server,client_page,media这三端都可以采用如下安装方式安装依赖：

npm install
// or yarn

开发环境启动

1.安装redis并启动redis服务

具体细节请参考我的文章基于nodeJS从0到1实现一个CMS全栈项目的服务端启动细节

2.启动server后台服务

npm start

3.启动管理后台页面

npm run serve
// or yarn serve

4.启动前台门户页面

npm start

生产环境部署方案

1.打包服务端代码

// server
npm run build

2.打包管理端web代码

// client_page
npm run build

3.打包门户网站代码

// media
npm run build

4.服务器部署

我们可以使用代码管理工具如gitlab或者公司私有仓库管理代码，然后提交到服务器上，如果对git/svn部署不太了解，我们可以将server目录整体发送到web服务器中，安装相关依赖并运行，但这种方式不推荐。

1.pm2做服务端持久化

假设我们服务器上安装好了redis并启动了服务，我们可以使用pm2去做node服务崩溃自动重启：

npm install -g pm2
# 启动node程序
pm2 dist

更多细节我会持续完善。

nginx做静态代理服务器

这里需要先在web服务器中安装nginx，安装过程也很简单，可以去官网查看。 这里给出如何用nginx代理多网站的方案：

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /www/XPXMS/server/static/cmsClient; 
            index  index.html index.htm;
            # 在生产环境vue使用history router的配置
	          try_files $uri $uri/ /index.html;
        }

        error_page  404        /www/XPXMS/server/static/adminManage/index.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        # api的请求代理到node服务器
        location /api {
            proxy_pass http://127.0.0.1:3000;
        }

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        location ~ \.php$ {
            root           html;
            fastcgi_pass   127.0.0.1:9000;
            fastcgi_index  index.php;
            fastcgi_param  SCRIPT_FILENAME  $document_root/$fastcgi_script_name;
            include        fastcgi_params;
        }

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    server {
        listen       8000;
       # listen       somename:8080;
        server_name  localhost;

        location / {
            root  /www/XPXMS/server/static/adminManage;
            index  index.html index.htm;
            # 在生产环境react使用history router的配置
	          try_files $uri $uri/ /index.html;
        }

        location /api {
            proxy_pass http://127.0.0.1:3000;
        }

        location /uploads {
            root /www/XPXMS/server/public/;
        }
    }


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

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

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

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

License

MIT http://rem.mit-license.org