一个切图仔除了工做之余想本身学点东西,想到以前自学了一些vuejs,也了解过一点nodejs和Linux的内容,那就决定下来本身开发部署发布一个小应用吧。(纯属记录本身瞎搞的过程,不对的地方还请你们批评指正,万分感谢)
html
首先搞一个Linux服务器,一个没怎么弄过服务器的菜鸟来讲,最简单的固然是去阿里云买个云服务器,还能够一键安装系统方便快捷(这里不是给阿里云打广告你喜欢也能够用腾讯云......哈哈哈)。若是你是学生那就更好了,学生优惠更便宜,新手使用彻底知足。vue
Nginx("engine x")是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的Web和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。node
在高链接并发的状况下,Nginx是Apache服务器不错的替代品。linux
(1)、添加源
nginx
默认状况下Centos7是没有nginx源的,后来发现Nginx官网提供了Centos的源地址。所以能够以下执行命令添加源:git
# rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm复制代码
(2)、安装nginxgithub
经过yum search nginx 能够查看是否添加源成功,成功以后就能够用yum安装了npm
# yum install -y nginx
复制代码
查看nginx版本,显示即表示安装成功windows
# nginx -v
nginx version: nginx/1.12.2
复制代码
(3)、 启动Nginx并设置开机自动运行centos
# systemctl start nginx.service
# systemctl enable nginx.service复制代码
(4)、查看nginx文件所在位置
# whereis nginx 复制代码
如下是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就能够访问了
下载安装包编译安装这个相对比较麻烦,常常会出现各类环境编译错误,若是你们有时间的话能够试试。我也尝试过,而后自带的编译依赖包版本太低编译不了,这就须要从新安装或者更新编译依赖包,为了节省时间我选择了yum安装方法。这里放个菜鸟教程编译安装的连接,有须要能够看看
我主要是想说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 检测一下是否正确
检测正确以后,重启nginx
# nginx -s reload
复制代码
node.js 环境搭建方式比较快的一般有两种:
下面经过Centos为例讲解 如何 使用NVM安装 node.js。
nvm全称Node Version Manager ,是 Nodejs 版本管理器,它让咱们能方便的对 Nodejs 的版 本进行切换。 nvm 的官方版本只支持 Linux 和 Mac。 Windows 用户,能够用 nvm-windows。
一、首先,下载安装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
复制代码
二、下载完成后加入系统环境
# source ~/.bashrc
复制代码
三、接着就是查看须要的node版本,查看可用的node版本
# nvm list-romote
复制代码
# nvm install v10.16.0
复制代码
安装完成查看node和npm的版本
是具备内置负载均衡器的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开发了