项目的发布

服务器的发布

1.Koa项目打包

• 运行npm run dev
• 生成打包文件夹dist

2.使用WebStorm远程连接服务器Docker

• 在WebStorm界面double shift输入docker
• 弹出docker服务控制台

• 

• 点击+号添加docker服务

• 添加成功后服务台会显示相应的docker服务
• 双击运行服务

• 执行dockerfile文件

• 镜像打包好后,在服务器查看镜像信息docker images

4.生成docker容器,执行服务器镜像

• 打包成功后,生成docker容器,运行容器

  docker run -d --name my_koa -p 5000:5000 my_images

• 测试一下服务器的接口,看看是否运行成功

• 至此,服务器发布成功
• 注意事项:在node中如果有使用到path.join(__dirname,myPath)读取文件请改成绝对路径path.resolve(__dirname,myPath),否则会会出现读取不到文件等问题

React前端项目的发布

1.开放远程传输权限

• 安装vsftpd yum install vsftpd
• useradd ftpadmin -s /sbin/nologin
• passwd ftpadmin

2.使用xftp登录远程传输服务器

3.创建项目根目录,并开放权限,传送前端压缩包至目录下

4.下载安装nginx

• 安装nginx

yum -y install gcc pcre-devel zlib-devel openssl openssl-devel

• 下载nginx-1.9.9.tar.gz,移动到/usr/local/下

• 解压nginx

  解压

  tar -zxvf nginx-1.9.9.tar.gz

  ##进入nginx目录 cd nginx-1.9.9

  配置

  ./configure --prefix=/usr/local/nginx

  make

  make make install

  cd到刚才配置的安装目录/usr/loca/nginx/

  ./sbin/nginx -t

• 启动nginx

  cd /usr/local/nginx/sbin ./nginx //启动nginx

5.配置nginx

server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main
        root  /home/subscription_sys/build;
        index  index.html;

         location / {
                try_files $uri $uri/ /index.html;
         }

        location /api/ {
                proxy_pass http://127.0.0.1:5000; #请求转发地址
                proxy_connect_timeout 15000;    #超时设置
                proxy_read_timeout  15000 ;
                proxy_redirect off;
        }