Nuxt.js服务器部署教程

2019-11-29  本文已影响0人  JakeBless

1. 准备一台云服务器

1.1 推荐阿里的esc吧,尽量选择一个双核服务器,为什么要选择双核的服务器后面会讲到。(我这里选择的镜像是centos 7.5, 如果是测试用可以买一个月甚至一周的)

1.2 ssh登录(git bash或者xshell)

1.3 ssh 注意公网ip: ssh root@ip 然后输入密码就好了,如果发现登录不了,重启一下实例再试

2. 安装nodejs

2.1 root账户(一般默认都是)登录ssh上服务器

2.2 获取linux安装包链接: 打开 https://nodejs.org/zh-cn/download/ 选择linux二进制文件,然后再浏览器上把下载那个链接复制出来

2.3 在服务器上下载nodejs, 并解压

cd /home
wget https://nodejs.org/dist/v12.13.0/node-v12.13.0-linux-x64.tar.xz
版本可能会更新,自己替换为你下载的那个版本
tar xvf node-v12.13.0-linux-x64.tar.xz 

2.4 解压完成以后, 删除压缩包,然后将解压出来那个目录重命名一下

rm node-v12.13.0-linux-x64.tar.xz
mv node-v12.13.0-linux-x64 nodejs

2.5 将node和npm命令添加到全局

 ln -s /home/nodejs/bin/node /usr/local/bin/node
 ln -s /home/nodejs/bin/npm /usr/local/bin/npm

这里要注意,需要从/根目录设置,不然是无效的,也就是说不能 ln -s nodejs/bn/node /usr/local/bin/node

2.6 测试一下

cd /
node -v

3. 安装git

直接在home目录 (我的esc实例是centos 7.5 默认是有yum工具)

yum install git 
 git -v

4. 拉取项目

git clone xxx 
npm install
npm run build

5. 安装pm2

5.1 安装

npm install -g pm2
# 然后需要将pm2建立软连接,pm2的bin文件是在nodejs/bin/pm2, 所以:
ln -s /home/nodejs/bin/pm2 /usr/local/bin/pm2

5.2 使用pm2把我们的nuxt项目跑起来

cd /var/www/my-nuxt && pm2 start npm -- run start
pm2 list

使用 pm2 list 命令就可以看到我们起的node进程
测试一下访问是否正常

curl localhost:3000

6. 安装nginx

这会儿我们就需要装个nginx,因为通常我们的服务器对外网只允许80端口,所以需要ngnix做一个转发

安装教程:https://www.cnblogs.com/Hedgehogcat/p/11599174.html
(注意如果出现了 configure: error: C compiler cc is not found)
访问 https://www.cnblogs.com/jpfss/p/9694842.html 解决

安装完之后,我们需要配置一个简单的proxy代理

(这里只是简单的配置了转发所有访问到nuxt使用的默认3000端口,线上项目可以根据自己的需求来修改参考nginx的配置)

vi /usr/local/nginx/conf

localhost:3000(nuxt start的默认端口)

# location / {
#    root  html;
#    index  index.html index.htm;
# }
# 代理了服务器的所有请求到nuxt起的端口上
location / {
   proxy_pass http://127.0.0.1:3000;
}

把默认的location注释掉, 然后到nginx目录启动目录重启nginx

 /usr/local/nginx/sbin
./nginx -s reload  

直接访问服务器ip试试~

7. 关于集群

pm2 的 cluster模式可以支持同一个端口,集群多个实例。 由于nodejs是单线程,所以一核开一个实例,也就是说双核的服务器最多支持开两个实例,为什么文章开头让至少买一个双核的服务器,意义就在这里了。

7.1 在项目根目录 pm2 init 发现生成了一个 ecosystem.config.js

7.2. vi ecosystem.config.js

module.exports = {
  apps: [{
    name: 'nuxt-app',
    script: './node_modules/nuxt/bin/nuxt.js',  // 不能用npm run start 的命令,会报错端口占用
    args: 'start',
    // Options reference: https://pm2.io/doc/en/runtime/reference/ecosystem-file/
    instances: 2, // 实例个数,也可以填 'max' 自动匹配服务器支持的最大实例数
    exec_mode: 'cluster',
    autorestart: true,
    watch: false,
    max_memory_restart: '1G', // 我的服务器是1g内存,当超过1g内存,会重启
    env: {
      NODE_ENV: 'development'
    },
    env_production: {
      NODE_ENV: 'production'
    }
  }]
};

7.3. 编辑保存完之后,执行pm2 start, 使用pm2 list 查看当前状态

最后如何测试两个实例都在正常工作

我们pm2 list, 可以看到当前的node进程状态,现在我们发现有两个进程:0 和 1,此时我们试着pm2 stop 0 ,关掉第一个,看还能不能访问,同样的方法关掉1,打开0,如果都是正常的,那就说明我们部署成功了。

8. 关于性能监控

性能监控这一块还有待学习,下面找了一个linux机器的系统负载常用命令

https://blog.csdn.net/qq_36357820/article/details/76606113

上一篇下一篇

猜你喜欢

热点阅读