Liunx服务器nodejs后台发布项目

作者: Petricor | 来源:发表于2023-03-07 22:55 被阅读0次

关于项目使用私有仓库的配置
node 连接 aws 超时排查
Vue项目实战02
Nuxt + Typescript最佳实践6：使用pm2运行nu
redis安装
NodeJs获取文件的MD5
node.js进阶之【18】：解决ajax跨越
程序日记2018-05-05
centOs 服务器部署NodeJS项目
2018-09-06 接口500，数据正常返回

概括步骤：

配置nginx
配置pm2
打包项目
进行发版

第一步：配置Nginx

1.1 Nginx的安装

官网下载Nginx安转包并上传到linux服务器

// 也可以直接下载，默认下载位置也是再root目录下
wget http://nginx.org/download/nginx-1.20.2.tar.gz
// 切换到安装包所在位置
cd /root
//解压到自定义文件夹
tar -xvf nginx-1.20.2.tar.gz -C /usr/local/nginx

1.2 安装Nginx


//进入nginx目录
cd /usr/local/nginx
//进入目录
cd nginx-1.20.2
//执行命令 考虑到后续安装ssl证书 添加两个模块
./configure --with-http_stub_status_module --with-http_ssl_module
//执行make命令
make
//执行make install命令
make install

1.3 配置 nginx.conf

nginx.conf文件放置在nginx安转路径下的conf文件夹下
可以通过xftp或直接命令符的新式进行修改。

# 打开配置文件
vi /usr/local/nginx/conf/nginx.conf

也可以使用 xftp 选择文件后直接就修改。
nginx.conf 详情配置可参考：linux下nginx【反向代理】配置【负载均衡】配置

1.4 nginx常用命令：

1.启动nginx命令：cd /usr/local/nginx/sbin目录下执行 ./nginx 启动
2.查看nginx版本：还是在sbin目录下执行 ./nginx -v
3.通过查看nginx进程来确认nginx是否已经启动： ps -ef | grep nginx
4.关闭nginx命令：还是在sbin目录下执行 ./nginx -s stop
5.重新加载nginx：还是在sbin目录下执行 ./nginx -s reload

参考文献：

1.Nginx配置
 2.配置Nginx

第二步：配置pm2

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

2.1 pm2的安装

npm install -g pm2

2.2 pm2的常用命令

pm2 start server.js 启动项目
pm2 logs  显示所有进程日志
pm2 stop all 停止所有进程
pm2 restart all 重启所有进程
pm2 reload all 0秒停机重载进程 (用于 NETWORKED 进程)
pm2 stop 0 停止指定的进程
pm2 restart 0 重启指定的进程
pm2 startup 产生 init 脚本 保持进程活着
pm2 web 运行健壮的 computer API endpoint (http://localhost:9615)
pm2 delete 0 杀死指定的进程
pm2 delete all 杀死全部进程

2.3 pm2的运行进程的不同方式

pm2 start app.js -i max 根据有效CPU数目启动最大进程数目
pm2 start app.js -i 3 启动3个进程
pm2 start app.js -x 用fork模式启动 app.js 而不是使用 cluster
pm2 start app.js -x -- -a 23 用fork模式启动 app.js 并且传递参数 (-a 23)
pm2 start app.js --name serverone 启动一个进程并把它命名为 serverone
pm2 stop serverone 停止 serverone 进程
pm2 start app.json 启动进程, 在 app.json里设置选项
pm2 start app.js -i max -- -a 23 在--之后给 app.js 传递参数
pm2 start app.js -i max -e err.log -o out.log 启动 并 生成一个配置文件

参考文献：

1.配置pm2

第三步：打包项目

由于现在大部分项目都是前后端分离项目，前端的项目打包并不能直接在服务器中运行，需要通过nodejs进行代理启动项目才能够被访问；

3.1打包前端项目

//通过webpack命令进行打包
npm run build

eg：前端打的包不能直接双击index.html打开，需要启动一个服务才可以打开，这个时候可以使用三种方案：

vscode插件：GO Live 进行打开
使用 anywhere进行打开：anywhere静态文件服务器
如下3.2所述，通过express代理，通过node index.js 进行打开

3.2 配置对应的nodejs端口

3.2.1 nodejs目录

nodejs 项目目录如下：
├── dist                            //前端打包文件
├── node_modules                    //依赖包
├── package.json                  
└── package-lock.json          //安装路径，可以删除掉，留着反而没什么用

3.2.2 index.js文件内容

const express = require('express')
const bodyParser = require('body-parser')
const open = require("open");      //启动能自动打开网址
const app = express()

//代理打包后的文件
app.use(express.static('./dist'))
app.use(bodyParser.urlencoded({ extended: false }))
// app.use(bodyParser.json())
//在API服务器端，启用cors跨域资源共享  
const cors = require('cors')
app.use(cors())  //且启动必须在router之前
app.listen(6608, () => {
    open("http://127.0.0.1:6608")
    console.log("API Server running at http://127.0.0.1:6608");
})

3.2.3 package.json文件内容

{
  "name": "fang",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "body-parser": "^1.19.0",
    "cors": "^2.8.5",
    "express": "^4.17.1",
    "mysql": "^2.18.1",
    "open": "^7.3.1"
  }
}

第四步：进行发版

4.1 通过`Xftp`将自己的项目放到指定的文件目录下

文件目录

4.2 通过`Xftp`获取到nginx的`nginx.conf`文件,并且添加代理相对应的端口

nginx安装目录： /usr/local/nginx/conf/nginx.conf
nginx.conf文件如下：


#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;

    client_max_body_size 10m;
    
    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

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

        #error_page  404              /404.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
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # 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  /scripts$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;
        #}
    }
    #以下属性以ssl开头的属性表示与证书配置有关。
    server {
    listen 443 ssl;
    #配置HTTPS的默认访问端口为443。
    #如果未在此处配置HTTPS的默认访问端口，可能会造成Nginx无法启动。
    #如果您使用Nginx 1.15.0及以上版本，请使用listen 443 ssl代替listen 443和ssl on。
    server_name www.shiwenqing.ltd; #需要将yourdomain替换成证书绑定的域名。
    ssl_certificate cert/7676030_shiwenqing.ltd.pem;  #需要将cert-file-name.pem替换成已上传的证书文件的名称。
    ssl_certificate_key cert/7676030_shiwenqing.ltd.key; #需要将cert-file-name.key替换成已上传的证书私钥文件的名称。
    ssl_session_timeout 5m;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    #表示使用的加密套件的类型。
    ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3; #表示使用的TLS协议的类型。
    ssl_prefer_server_ciphers on;
    #允许跨域请求的域，* 代表所有
    add_header 'Access-Control-Allow-Origin' *;
    #允许带上cookie请求
    add_header 'Access-Control-Allow-Credentials' 'true';
    #允许请求的方法，比如 GET/POST/PUT/DELETE
    add_header 'Access-Control-Allow-Methods' *;
    #允许请求的header
    add_header 'Access-Control-Allow-Headers' *; 
    location / {
       # root html;  #Web网站程序存放目录。
       # index index.html index.htm;
         proxy_pass http://114.215.183.171:6606;
     proxy_set_header  Host       $host;
         proxy_set_header  X-Real-IP    $remote_addr;
         proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
      }

    location /mobile/ {
     proxy_pass http://114.215.183.171:6606/;
         proxy_set_header  Host       $host;
         proxy_set_header  X-Real-IP    $remote_addr;
         proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
      }
    
   
    location /api/ {
         proxy_pass http://114.215.183.171:5002/;
         proxy_set_header  Host       $host;
         proxy_set_header  X-Real-IP    $remote_addr;
         proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
      }
    
    
    location /admin/ {
         proxy_pass http://114.215.183.171:6607/;
         proxy_set_header  Host       $host;
         proxy_set_header  X-Real-IP    $remote_addr;
         proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
      }
      
     
    location /question/ {
         proxy_pass http://114.215.183.171:6608/;
         proxy_set_header  Host       $host;
         proxy_set_header  X-Real-IP    $remote_addr;
         proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
      }
      
      
    }
   
    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

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


    # 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;
    #    }
    #}

}

eg: 添加了 proxy_pass http://114.215.183.171:6608/ 这个端口的代理，这个端口正是第三步中nodejs中配置的端口。
因为域名是之前配置好的，所以现在不在赘述。

4.3 通过`Xshell`命令重新启动nginx

// 在sbin目录下 执行 ./nginx -s reload
./nginx -s reload

详情请看：1.4 nginx常用命令

重启并查看nginx

4.4 通过pm2命令启动nodejs项目

4.4.1 通过Xshell返回到方才存放vue-question项目的目录，在该目录下启动node项目：
进入 /root/project/vue-question目录

//启动项目
  pm2 start index.js --name question

启动并且重命名项目

详情请看：2.3 pm2的运行进程的不同方式
4.4.2 浏览器内查看项目是否被运行成功

配置成功

关于项目使用私有仓库的配置
因为公司项目是nodejs后台，且公用一台测试服务器，如何在不切换后台npm源的情况下使用前端cnpm私有仓库在项...
node 连接 aws 超时排查
背景搭建海外服务，在预发布连接redis服务超时项目语言 nodejs redis 服务器 yyyy.aps...
Vue项目实战02
配置后台项目 1 安装phpStudy并导入mysql数据库数据2 安装nodeJS，配置后台项目,从终端打开后台...
Nuxt + Typescript最佳实践6：使用pm2运行nu
nuxtjs是nodejs服务器渲染项目，部署在linux服务器才能最好的发挥它的作用，这里介绍下如何用pm2发布...
redis安装
安装环境服务器环境：liunx/centos 下载redis源码相关命令修改redis配置项目 daemon...
NodeJs获取文件的MD5
本文是介绍通过NodeJs的服务器，前台上传采用jquery的fileupload，后台是express框架的后台...
node.js进阶之【18】：解决ajax跨越
Nodejs作为后台解决跨域问题一、安装 cors 模块二、服务器配置
程序日记2018-05-05
github webhook自动部署nodejs项目 1.服务器环境： centos 7 nodejs 8 ngi...
centOs 服务器部署NodeJS项目
NodeJs项目服务器线上部署 [TOC] 1、安装NodeJs 官网仓库下载好NodeJs的Linux包(我用的...
2018-09-06 接口500，数据正常返回
今天遇到一个奇葩的问题，详细描述如下：环境：liunx，apache服务器，php项目，thinkphp 现象：...

Liunx服务器nodejs后台发布项目

概括步骤：

第一步：配置Nginx

1.1 Nginx的安装

1.2 安装Nginx

1.3 配置 nginx.conf

1.4 nginx常用命令：

参考文献：

第二步：配置pm2

2.1 pm2的安装

2.2 pm2的常用命令

2.3 pm2的运行进程的不同方式

参考文献：

第三步：打包项目

3.1打包前端项目

3.2 配置对应的nodejs端口

3.2.1 nodejs目录

3.2.2 index.js文件内容

3.2.3 package.json文件内容

第四步：进行发版

4.1 通过`Xftp`将自己的项目放到指定的文件目录下

4.2 通过`Xftp`获取到nginx的`nginx.conf`文件,并且添加代理相对应的端口

4.3 通过`Xshell`命令重新启动nginx

4.4 通过pm2命令启动nodejs项目

相关文章

关于项目使用私有仓库的配置

node 连接 aws 超时排查

Vue项目实战02

Nuxt + Typescript最佳实践6：使用pm2运行nu

redis安装

NodeJs获取文件的MD5

node.js进阶之【18】：解决ajax跨越

程序日记2018-05-05

centOs 服务器部署NodeJS项目

2018-09-06 接口500，数据正常返回

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

Liunx服务器nodejs后台发布项目

概括步骤：

第一步：配置Nginx

1.1 Nginx的安装

1.2 安装Nginx

1.3 配置 nginx.conf

1.4 nginx常用命令：

参考文献：

第二步： 配置pm2

2.1 pm2的安装

2.2 pm2的常用命令

2.3 pm2的运行进程的不同方式

参考文献：

第三步： 打包项目

3.1打包前端项目

3.2 配置对应的nodejs端口

3.2.1 nodejs目录

3.2.2 index.js文件内容

3.2.3 package.json文件内容

第四步：进行发版

4.1 通过*Xftp*将自己的项目放到指定的文件目录下

4.2 通过*Xftp*获取到nginx的nginx.conf文件,并且添加代理相对应的端口

4.3 通过*Xshell*命令重新启动nginx

4.4 通过pm2命令启动nodejs项目

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

第二步：配置pm2

第三步：打包项目

4.1 通过`Xftp`将自己的项目放到指定的文件目录下

4.2 通过`Xftp`获取到nginx的`nginx.conf`文件,并且添加代理相对应的端口

4.3 通过`Xshell`命令重新启动nginx