王元肉==>个人主页

大家一起加油,我喜欢分专栏将知识打碎成一份一份小知识点,一篇文章只说一个知识点,因此每篇文章篇幅较短,希望大家不要介意。如有需要可以查看专栏看看是否有该文章中涉及到的知识点进行讲解的文章,如果大家觉得有帮助,希望大家三连支持一下。

推荐阅读

部署最终篇==>点我查看

1、连接服务器

  1. 购买服务器
  2. 使用xshell,xftp连接服务器

2、安装环境

需要node

安装node方式1 wget

1. 查看可以安装的版本:一定要下载长期维护版本(Gallium)
与之前的版本https://nodejs.org/en/download/releases/

在这里插入图片描述

2. 下载压缩包:linux中使用wget下载工具下载压缩包,cd到想要存放压缩包的路径下,执行`wget https://nodejs.org/download/release/v16.13.0/node-v16.13.0.tar.gz`
3. 解压压缩包,执行`tar -xzvf node-v16.13.0.tar.gz `
4. 如果已经有python2环境直接执行`./configure.py`如果没有就执行`ls -l /usr/bin | grep python`,再执行`python3 configure.py`
5. 编译`make` `make install`,这一步需要很久,耐心等候
6. 查看是否成功安装`node -v` `npm -v`

安装node方式2 yum

​ 服务器有yum,系统的yum源安装nodejs版本太低。如果你的系统版本比较低,gcc库版本低,编译安装的时候有可能不成功,下面是yum安装的步骤

sudo yum -y install nodejs

如果以上步骤不能安装 最新版 node,执行以下命令后再执行第二步:

sudo yum clean all

如果存在多个 nodesoucre,执行以下命令删除,然后重新执行第一第二步:

sudo rm -fv /etc/yum.repos.d/nodesource*

将node配置成淘宝源

npm config set registry https://registry.npm.taobao.org

3、打包项目

将脚手架项目(vue/react)打包成静态文件(html+css+js+assets)

4、用express启动一个服务器,读取静态文件

如果后端是用node写的话,不管是原生node还是node框架
(expres,koa,egg等),可以直接百度相应开放静态资源的方法方法。
在这里演示express。

express怎么使用
在这里插入图片描述

5、部署项目

  1. 将node_modules文件夹删除,通过xftp将代码发送到服务器
  2. xshell中,cd到package.json目录下,执行npm install,下载项目所需要的包
  3. 服务器开启对应端口号,关闭防火墙https://blog.csdn.net/u010404909/article/details/122609668
  4. 上阿里云开放端口配置安全组https://blog.csdn.net/yuan_618859/article/details/105491085

5、启动项目

方式1利用 forever

forever是一个nodejs守护进程,完全由命令行操控。forever
会监控nodejs服务,并在服务挂掉后进行重启。
1. 安装 forever
npm install forever -g
2. 启动服务
service forever start
3. 使用 forever 启动 js 文件
forever start index.js
4. 停止 js 文件
forever stop index.js
5. 启动js文件并输出日志文件
forever start -l forever.log -o out.log -e err.log index.js
6. 重启js文件
forever restart index.js
7. 查看正在运行的进程
forever list

方式2pm2

pm2是一个进程管理工具,可以用它来管理你的node进程,并查看
node进程的状态,当然也支持性能监控,进程守护,负载均衡等功能
npm install -g pm2
pm2 start app.js        // 启动
pm2 start app.js -i max //启动 使用所有CPU核心的集群
pm2 stop app.js         // 停止
pm2 stop all            // 停止所有
pm2 restart app.js      // 重启
pm2 restart all         // 重启所有
pm2 delete  app.js      // 关闭
pm2 list 				// 查看所有的pm2进程

方式3nodejs 自带启动服务,不需要安装别的包

node server.js //启动
缺点:存在无法查询日志等问题,关闭终端后服务也就关闭了

具体演示

pm2+express部署前端

在这里插入图片描述
结束啦!

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐