推外网络专注营销型网站品牌策划与推广

FOCUS MARKETING WEBSITE BRAND PLANNING AND MARKETING PROMOTION

seo技术网站建设微信开发 app开发

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

2019-09-28 14:03:19 100000+ 编辑：推外网络来源：本站原创

生产环境搭建第一步：安装node环境源码安装（非常推荐）

1、源码安装

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

2、解压代码

tarxzvfnode-v*&&cdnode-v*

3、安装必要的编译软件

sudoyuminstallgccgcc-c++

4、编译

./configure

make

5、编译&安装

makeinstall

//查看版本

node-v

npm-v

//npm升级

npminstall-gnpm

//可以选择淘宝镜像cnpm

npminstall-gcnpm--registry=https://registry.npm.taobao.org

//cnpm升级

cnpminstall-gcnpm

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

进入项目目录

第二步：安装Nodeexpress框架cnpminstallexpress

第三步：项目下创建app.jsconstexpress=require('express')

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

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

constpath=require('path')

constapp=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})

})

constserver=app.listen(8086,()=>{

console.log(`Expressstartedin${app.get('env')}modeonhttp://127.0.0.1:8086`)

})

第五步：全局安装pm2cnpminstall-gpm2

第六步：项目实现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.?.???"],//sshhost

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

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

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

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

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

"post-deploy":"cnpminstall&&npmrunbuild&&pm2startOrRestartecosystem.json--envproduction",//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":"cnpminstall&&npmrunbuild&&pm2startOrRestartecosystem.json--envproduction",

"env":{

"NODE_ENV":"production"

}

第七步：开始自动部署进入项目目录

==注意：一定要把package.json里devDependencies中的依赖放到dependencies中==

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

pm2deployecosystem.jsondevupdate

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

pm2deployecosystem.jsonproductionsteup

时间会有点长，稍等片刻

第八步：开启守护进入服务器

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

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

有current、source两个目录，source是源码、current是build后产生目录，真正的生产环境

查看pm2进程

pm2list

Appname

mode

pid

status

restart

uptime

cpu

mem

user

watching

wi-v5-bi-frontend

fork

2242

online

27.1MB

root

disabled

保存pm2列表

pm2save

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

pm2startup

Complete！

本站文章均为推外网络摘自权威资料，书籍，或网络原创文章，如有版权纠纷或者违规问题，请即刻联系我们删除，我们欢迎您分享，引用和转载，我们谢绝直接复制和抄袭！感谢...

返回首页上一篇：今天我们聊聊“工作”下一篇：插屏广告投放及优化

联络方式：

电话：400-026-0708

邮箱：admin@whytui.com

微信公众号

我们猜你喜欢

上海网站建设

上海APP开发

400-026-0708

推外网络专注营销型网站品牌策划与推广

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

热门文章

联络方式：

震惊！商家被支付宝截图骗20余万，没想到竟让百度做了背锅侠！

SEO优化没有效果应该从哪几个方面分析

如何做好外链

H5响应式网站是什么？

网站TDK优化时要注意的问题