nuxt构建项目打包部署服务器一(服务器篇)

1,360 阅读3分钟

前言

记录nuxt构建项目,打包并部署至服务器的流程步骤

一、首先准备服务器连接部分

1.1、首先准备服务器连接部分

准备好服务器,获取用户名密码之后,借助xshell或者mac端的Royal TSX工具可建立服务器连接,以mac端Royal TSX为例,

Royal TSX 介绍

Royal TSX 是一个强大的全面的远程连接管理软件,兼容多种连接类型。Royal官网

免费版本的Royal TSX最多可以连接10个连接。它支持macOS、Windows、Android、iOS。连接成功后就可以使用命令行或者上传文件了

如何使用Royal TSX登录服务器

以Centos某服务器示例,远程连接服务器 SSH 和 FTPS。下载对应功能的Royal TSX插件 ,打开Royal TSX

command + ,进入偏好设置,点击 Plugins 添加插件 Terminal 和 File Transfer 这两款插件。

通过SSH登录服务器 左下角"+号"新建一个Terminal窗口

输入对应的服务器的信息

设置用户名和密码

登录完成

同样的类似Terminal操作方式,新建一个File Transfer通过FTPS登录服务器,登录完如下

1.2、安装必备软件

建立连接之后需要安装node环境,我们去官网下载最新的包

1、nodejs环境

在Linux下安装有两种方式,一个是下载源码make编译安装。另外一种是比较推荐的,直接下载编译好的二进制,官方比较推荐后者。nodejs官网

下载好之后,直接借助FTPS工具,将下载好的.tar.xz后缀的包拖动上传至服务器 /usr/src 目录下

然后打开Terminal控制台进入这个目录下,由于是tar.xz格式的压缩文件,所以需要用下面的命令解压:

tar -xvf node-v14.15.1-linux-x64.tar.xz

解压成功之后即是可以运行的二进制文件,只需要为node何npm建立两个软连接,使之可以全局运行即可:

//前面地址为实际地址比如我安装的位置是/usr/src
ln -s /usr/src/node-v14.15.1-linux-x64/bin/node /usr/local/bin/node
ln -s /usr/src/node-v14.15.1-linux-x64/bin/npm /usr/local/bin/npm

然后就可以输入命令node -v npm -v查看是否配置成功了

配置使用淘宝npm镜像

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

验证是否成功: npm config get registry

2、安装pm2守护程序

PM2 是一个带有负载均衡功能的 Node 应用进程管理器

全局安装pm2

npm install -g pm2

安装完成后,同样配置一下软连接,这样保证全局命令可用pm2 -v 查看版本

ln -s /usr/src/node-v14.15.1-linux-x64/bin/pm2 /usr/local/bin/pm2

pm2命令

  • 1 启动进程/应用 pm2 start bin/www 或 pm2 start app.js
  • 2 重命名进程/应用 pm2 start app.js --name wb123
  • 3 添加进程/应用 watch pm2 start bin/www --watch
  • 4 结束进程/应用 pm2 stop www
  • 5 结束所有进程/应用 pm2 stop all
  • 6 删除进程/应用 pm2 delete www
  • 7 删除所有进程/应用 pm2 delete all
  • 8 列出所有进程/应用 pm2 list
  • 9 查看某个进程/应用具体情况 pm2 describe www
  • 10 查看进程/应用的资源消耗情况 pm2 monit
  • 11 查看pm2的日志 pm2 logs
  • 12 若要查看某个进程/应用的日志,使用 pm2 logs www
  • 13 重新启动进程/应用 pm2 restart www
  • 14 重新启动所有进程/应用 pm2 restart all

下一篇文章,打包nuxt并部署