在CentOS使用宝塔使用pm2部署node的express项目

超、凢脫俗 2023-10-06 16:18 15阅读 0赞

宝塔按钮pm2后，node就装好了。

对于前端开发人员来说，配置后端服务器的工作都是脑瓜疼的，好在宝塔这种可视化工具还是挺好用

在部署上线前，假设你的项目已经写好的了。

## 1. 在宝塔上添加新的站点 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70]

## 2. 打包你的项目到站点目录下(我的放在根目录下) ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 1]

## 3. 安装pm2 ##

**pm2是一个带有负载均衡功能的Node应用的进程管理器。当你要把你的独立代码利用全部的服务器上的所有CPU，并保证进程永远都活着，0秒的重载， PM2是完美的。**

PM2是开源的基于Nodejs的进程管理器，包括守护进程，监控，日志的一整套完整的功能，基本是Nodejs应用程序不二的守护进程选择，事实上它并不仅仅可以启动Nodejs的程序，只要是一般的脚本的程序它同样可以胜任。

主要特性：

内建负载均衡（使用Node cluster 集群模块）  
后台运行  
0秒停机重载（这项功能允许你重新载入代码而不用失去请求连接。）  
具有Ubuntu和CentOS 的启动脚本  
停止不稳定的进程（避免无限循环）  
控制台检测  
提供 HTTP API  
远程控制和实时的接口API ( Nodejs 模块,允许和PM2进程管理器交互 )  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 2]

## 4.点击设置打开pm2配置环境 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 3]

### 4.1选择node的版本跟安装依赖 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 4]

## 5.配置nginx（因为我的宝塔安装的是Nginx） ##

在nginx站点配置文件下添加(后面的端口号是node设置的那个)

location / {
        
    	proxy_pass http://127.0.0.1:3033;
     }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 5]

## 项目配置实例 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 6]  
![在这里插入图片描述][20210202185518692.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 7]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 8]  
查看状态  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 9]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 10]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 11]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 12]

## node.js留言板代码 ##

目录结构

|--Leavingamessage
    |----img
    |----|--fyz.jpg
    |----public
    |----|--css
    |----|--js
    |----vew
    |----|--404.html
    |----|--msgadd.html
    |----|--msgimdex.html
    |----app.js

### app.js ###

//引入文件模块
    var fs=require('fs');
    //引入http模块
    var http=require('http');
    //创建web服务器
    var server=http.createServer();
    //引入URL模块
    var url=require('url');
    //引入post模块get不需要
    var querystring = require('querystring');
    
    var msgs=[
        {
        name:'张三',content:'我是张三',create_at:'2017-11-14 10:30:32'},
        {
        name:'李四',content:'我是李四张三',create_at:'2017-11-14 11:30:32'},
        {
        name:'王五',content:'我是王五张三',create_at:'2017-11-14 12:30:32'}
    ];
    
    //监听请求 req - request请求 res - response 响应
    server.on('request', function(req, res) {
        
    	
        if(req.url=='/'){
        
            fs.readFile('./vew/msgindex.html','utf8',function(err,data){
        
                if(err) res.end('404 Not fund');
                //遍历数据拼接数据 jq $.each 也可以通过js的 数据foreach
                var html='';
                msgs.forEach(function(item){
        
                    html+=`
                    <li class="list-group-item">
                        ${
          item.name}说：${
          item.content}日期${
          item.create_at}
                    </li>
                    `;
                });
    			
    			console.log(html,12212)
                //将拼接的视图里面的笑脸替换成遍历数据
                var data=data.replace('^_^',html);
    			
    			console.log(data)
    
                res.write(data);
                res.end();
            });
        }else if(req.url=='/add'){
        
            fs.readFile('./vew/msgadd.html','utf8',function(err,data){
        
                if(err) res.end('404 Not fund');
                res.write(data);
                res.end();
            });
        }else if(req.url.indexOf('/action')==0){
        
    		console.log(123)
            if(req.method=='POST'){
        
                //post提交数据过大所以需要分片获取
                var postData='';
                req.on('data',function(chunk){
        
                    postData+=chunk;
                });
                //end事件等于数据传输完毕
                req.on('end',function(){
        
                    //通过querystring模块将字符串数据转化为对象
                    parpost=querystring.parse(postData);
                    console.log(parpost,121212);
                    var date = new Date();   
                    var year = date.getFullYear();    //获取当前年份   
                    var mon = date.getMonth()+1;      //获取当前月份   
                    var da = date.getDate();          //获取当前日   
                    var day = date.getDay();          //获取当前星期几   
                    var h = date.getHours();          //获取小时   
                    var m = date.getMinutes();        //获取分钟   
                    var time2=year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m;
                    
                    var msg={
        name:parpost.name,content:parpost.content,create_at:time2};
                    msgs.push(msg);
                    console.log(msgs,232323);
                    res.statusCode=302;
    				
    				
                    res.setHeader('Location','/');
                    res.end();
                });
            }else{
        
                //1.接收数据
                //2.入库（压入数据到数组 push pop）
                //3.跳转
                var par=url.parse(req.url,true).query;
                //console.log(par);
                var date = new Date();   
                var year = date.getFullYear();    //获取当前年份   
                var mon = date.getMonth()+1;      //获取当前月份   
                var da = date.getDate();          //获取当前日   
                var day = date.getDay();          //获取当前星期几   
                var h = date.getHours();          //获取小时   
                var m = date.getMinutes();        //获取分钟   
                var time2=year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m;
    
                var msg={
        name:par.name,content:par.content,create_at:time2};
                msgs.push(msg);
                console.log(msgs,121212);
                res.statusCode=302;
                res.setHeader('test.cc','/');
                res.end();
            }
        }else if(req.url.indexOf('/public')==0){
        
            fs.readFile('./'+req.url,'utf8',function(err,data){
        
                if(err) res.end('404 Not fund');
                res.write(data);
                res.end();
            });
        }else if(req.url.indexOf('/img')==0){
        
            fs.readFile('./'+req.url,'utf8',function(err,data){
        
                if(err) res.end('404 Not fund');
                //res.write(data);
                //设置请求的返回头type,content的type类型列表见上面
                res.setHeader("Content-Type", 'image/jpg');
                //格式必须为 binary 否则会出错
                var content = fs.readFileSync('./'+req.url,"binary"); 
                res.writeHead(200, "Ok");
                res.write(content,"binary"); //格式必须为 binary，否则会出错
                res.end();
            });
        }else{
        
            fs.readFile('./vew/404.html','utf8',function(err,data){
        
                if(err) res.end('404 Not fund');
                res.write(data);
                res.end();
            });
        }
        
        
    });
    //启动服务
    server.listen(6800,function(){
        
        console.log("服务启动成功，访问：http://test.cc:6800");
    });

### msgindex.htm ###

<!doctype html>
    <html lang="en">
      <head>
        
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
        
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <link rel="shortcut icon" href="https://v4.bootcss.com/docs/assets/img/favicons/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="/public/css/s.css">
        <title>留言板列表</title>
      </head>
      <body>
        <h1>留言板列表</h1>
        <ul class="list-group">
            ^_^
        </ul>
        
        
        <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
      </body>
    </html>

### msgadd.html ###

<!doctype html>
    <html lang="en">
      <head>
        
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
        
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <link rel="shortcut icon" href="https://v4.bootcss.com/docs/assets/img/favicons/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="/public/css/s.css">
        <title>留言板列表</title>
      </head>
      <body>
        <h1>留言板添加数据</h1>
        <form action="/action" method="POST" style="margin: 15px;">
            <div class="form-group">
              <label for="exampleInputEmail1">用户名</label>
              <input type="text" name="name" class="form-control">
            </div>
            <div class="form-group">
              <label for="exampleInputPassword1">内容</label>
              <input type="text" name="content" class="form-control">
            </div>
            <button type="submit" class="btn btn-primary">提交</button>
    
          </form>
        
        
        <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
      </body>
    </html>

此时项目配置好后即可运行。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210202184935200.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210202185004623.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210202185028728.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20210202185054340.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20210202185127417.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20210202185244657.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20210202185457497.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[20210202185518692.png]: https://img-blog.csdnimg.cn/20210202185518692.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20210202185623384.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20210202185652445.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20210203095818557.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20210202185723595.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 11]: https://img-blog.csdnimg.cn/20210202185745898.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy_size_16_color_FFFFFF_t_70 12]: https://img-blog.csdnimg.cn/20210202185825724.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWd1YW5nMTAy,size_16,color_FFFFFF,t_70