centos7.6+nginx+nvm+pm2+nodejs+vuejs初探

栏目: Node.js · 发布时间: 4年前

内容简介:一个切图仔除了工作之余想自己学点东西,想到之前自学了一些vuejs,也了解过一点nodejs和Linux的内容,那就决定下来自己开发部署发布一个小应用吧。(纯属记录自己瞎搞的过程,不对的地方还请大家批评指正,万分感谢)首先搞一个Linux服务器,一个没怎么弄过服务器的菜鸟来说,最简单的当然是去Nginx("engine x")是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的Web和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。

背景

一个切图仔除了工作之余想自己学点东西,想到之前自学了一些vuejs,也了解过一点nodejs和 Linux 的内容,那就决定下来自己开发部署发布一个小应用吧。(纯属记录自己瞎搞的过程,不对的地方还请大家批评指正,万分感谢)

centos7.6

首先搞一个Linux服务器,一个没怎么弄过服务器的菜鸟来说,最简单的当然是去 阿里云 买个云服务器,还可以一键安装系统方便快捷(这里不是给阿里云打广告你喜欢也可以用 腾讯云 ......哈哈哈)。如果你是学生那就更好了,学生优惠更便宜,新手使用完全满足。

nginx服务器

Nginx("engine x")是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的Web和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。

在高连接并发的情况下,Nginx是Apache服务器不错的替代品。

nginx安装方法

1、通过yum安装

(1)、添加源

默认情况下Centos7是没有nginx源的,后来发现Nginx官网提供了Centos的源地址。因此可以如下执行命令添加源:

# rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm复制代码

(2)、安装nginx

通过yum search nginx 可以查看是否添加源成功,成功之后就可以用yum安装了

# yum install -y nginx
复制代码

查看nginx版本,显示即表示安装成功

# nginx -v
nginx version: nginx/1.12.2
复制代码

(3)、 启动Nginx并设置开机自动运行

# systemctl start nginx.service
# systemctl enable nginx.service复制代码

(4)、查看nginx文件所在位置

# whereis nginx 复制代码

centos7.6+nginx+nvm+pm2+nodejs+vuejs初探

以下是Nginx的默认路径:

(1) Nginx配置路径:/etc/nginx/

(2) PID目录:/var/run/nginx.pid

(3) 错误日志:/var/log/nginx/error.log

(4) 访问日志:/var/log/nginx/access.log

(5) 默认站点目录:/usr/share/nginx/html

地址栏输入你的域名或者ip就可以访问了

centos7.6+nginx+nvm+pm2+nodejs+vuejs初探

2、通过下载编译安装

下载安装包编译安装这个相对比较麻烦,经常会出现各种环境编译错误,如果大家有时间的话可以试试。我也尝试过,然后自带的编译依赖包版本过低编译不了,这就需要重新安装或者更新编译依赖包,为了节省时间我选择了yum安装方法。这里放个 菜鸟教程编译安装的链接 ,有需要可以看看

配置文件nginx.conf

centos7.6+nginx+nvm+pm2+nodejs+vuejs初探

我主要是想说server内的数据

listen  80;// 服务器开的端口

server_name  xxx.xx.xx.xx; //你的公网IP地址,或者是域名

root   XXXXXX; // 项目的路径

重点反向代理

location / {
		 proxy_set_header X-Real-IP $remote_addr;
		 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		 proxy_set_header Host $http_host;
		 proxy_set_header X-Nginx-Proxy true;
		 proxy_set_header Connection "";
		 proxy_pass http://xxx.xxx.xxx.xxx:3000;
        }
复制代码

proxy_set_header 设置头部信息

proxy_pass 设置的是反向代理的请求地址(我是在本服务器上起的nodejs所以就是服务器的私有ip),3000是nodejs起小服务器监听的端口

设置完之后 nginx -t 检测一下是否正确

centos7.6+nginx+nvm+pm2+nodejs+vuejs初探

检测正确之后,重启nginx

# nginx -s reload
复制代码

nvm(Nodejs 版本管理器)

node.js 环境搭建方式比较快的通常有两种:

  • 直接安装官方镜像,手动修改环境变量。
  • 如果你需要随时切换node.js版本的话,可以使用nvm进行版本控制。

下面通过Centos为例讲解 如何 使用NVM安装 node.js。

nvm全称Node Version Manager ,是 Nodejs 版本管理器,它让我们能方便的对 Nodejs 的版 本进行切换。 nvm 的官方版本只支持 Linux 和 Mac。 Windows 用户,可以用 nvm-windows。

安装

1、首先,下载安装nvm,你可以通过以下方法。

# curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
或者
# wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
复制代码

2、下载完成后加入系统环境

# source   ~/.bashrc
复制代码

3、接着就是查看需要的node版本,查看可用的node版本

# nvm list-romote
复制代码

centos7.6+nginx+nvm+pm2+nodejs+vuejs初探

4、接下来,安装需要的node版本

# nvm install  v10.16.0
复制代码

安装完成查看node和npm的版本

centos7.6+nginx+nvm+pm2+nodejs+vuejs初探

pm2(Process Manager 2)

是具有内置负载均衡器的Node.js应用程序的生产运行时和进程管理器。 它允许您永久保持应用程序活跃,无需停机即可重新加载它们,并促进常见的Devops任务。

安装

npm install pm2 -g
复制代码

开机与关闭

pm2 start server.js//启动server.js进程pm2 start server.js -i4//启动4个server.js进程pm2 restart server.js//重启server.js进程pm2 stop all// 停止所有进程pm2 stop server.js//停止server.js进程pm2 stop0//停止编号为0的进程pm2 detele all //删除所有进程复制代码

查看当前进程

pm2 list//查看当前正在运行的进程pm2 show0//查看执行编号为0的进程复制代码

nginx,nvm,pm2安装完成,剩下的就是node和vue开发了


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

旷世之战――IBM深蓝夺冠之路

旷世之战――IBM深蓝夺冠之路

纽伯 / 邵谦谦 / 清华大学出版社 / 2004-5 / 35.0

本书作者Monty Neworn是国际计算机象棋协公的主席,作者是用生动活泼的笔触描写了深蓝与卡斯帕罗夫之战这一引起全世界关注的历史事件的前前后后。由于作者的特殊身份和多年来对计算机象棋的关心,使他掌握了许多局外人不能得到的资料,记叙了很多鲜为人知的故事。全书行文流畅、文笔优美,对于棋局的描述更是跌宕起伏、险象环生,让读者好像又一次亲身经历了那场流动人心的战争。 本书作为一本科普读物......一起来看看 《旷世之战――IBM深蓝夺冠之路》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具