VUE生产环境搭建,编译、启动、守护

2018-04-17
  • 3270
  • 0

产环境搭建

第一步:安装node

源码安装 (非常推荐)

1、源码安装

wget https://nodejs.org/download/release/v8.11.1/node-v8.11.1-linux-x64.tar.gz

 

2、解压代码

tar xzvf node-v* && cd node-v*

 

3、安装必要的编译软件

sudo yum install gcc gcc-c++

 

4、编译

./configure

make

 

5、编译&安装

make install

 

//查看版本

node -v

npm -v

//npm升级

npm install -g npm

 

//可以选择淘宝镜像cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

//cnpm升级

cnpm install -g cnpm

以下所有所述均在项目开发完成,并成功执行build的情况下

进入项目目录

第二步:安装Node express框架

cnpm install express

第三步:目下app.js

const express = require('express')

const history = require('connect-history-api-fallback')

const env = process.env.NODE_ENV || 'development'

 

const path = require('path')

const app = express()

 

app.use(history())

 

if (env !== 'development') {

  app.use(express.static(path.join(__dirname, 'dist')))

}

 

// 错误处理

app.use((err, req, res, next) => {

  res.status(442).send({ error: err.message })

})

 

const server = app.listen(8086, () => {

  console.log(`Express started in ${app.get('env')} mode on http://127.0.0.1:8086`)

})

第五步:全局安装pm2

cnpm install -g pm2

第六步:实现pm2部署、启

1、创建ecosystem.json,括号中注视

{

  "apps": [

    {

      "name": "项目名称",//pm2启动项目名称

      "script": "app.js",//node启动程序

      "env": {

        "COMMON_VARIABLE": "true"

      },

      "env_production" : {

        "NODE_ENV": "production"

      }

    }

  ],

  "deploy": {

    "production": { //生产环境

      "user": "root",//ssh登录名

      "host": ["10.15.?.???"],//ssh host

      "port":"22",//ssh 端口

      "ref": "origin/stg",//git 分支

      "repo": "git@???????.git",//git地址

      "path": "/data/www/projectname",//服务器部署目录

      "ssh_options": "StrictHostKeyChecking=no",//ssh缓存是否开启

      "post-deploy" : "cnpm install && npm run build && pm2 startOrRestart ecosystem.json --env production",//git 部署完成后,启动项目的命令集

      "env"  : {

        "NODE_ENV": "production"

      }

    },

    "dev":{//测试环境

      "user": "root",

      "host": ["10.15.?.???"],

      "ref": "origin/stg",

      "repo": "git@???????.git",

      "path": "/data/www/projectname",

      "ssh_options": "StrictHostKeyChecking=no",

      "post-deploy" : "cnpm install && npm run build && pm2 startOrRestart ecosystem.json --env production",

      "env"  : {

        "NODE_ENV": "production"

      }

    }

  }

}

第七步:开始自部署

进入项目目录

==注意:一定要把package.jsondevDependencies中的依赖放到dependencies==

//自动部署、测试环境steup(更新部署update)

pm2 deploy ecosystem.json dev update

//自动部署、正式环境steup(更新部署update)

pm2 deploy ecosystem.json production steup

时间会有点长,稍等片刻

第八步:开启守

进入服务器

cd /data/www/wi-v5-bi-frontend

这个时候你会发现和你平时看到的不太一样

currentsource两个目录,source是源码、currentbuild后产生目录,真正的生产环境

查看pm2进程

pm2 list

App name

id

mode

pid

status

restart

uptime

cpu

mem

user

watching

wi-v5-bi-frontend

0

fork

2242

online

0

8s

0%

27.1 MB

root

disabled

保存pm2列表

pm2 save

设置服务器重启后自动启动

pm2 startup

Complete