最近因为各种原因开始尝试学习配置云服务器，并将之前做的一些前端页面简单的挂载到服务器上。然而操作了几次每次都不太顺利，但是每次最后都会误打误撞的让网页成功跑起来，所以为了方便以后重新配置服务器的时候避开这些坑，于是就有了这篇记录我的搭建过程和避坑的文章，方便自己以后查阅。
一、拥有一个可以本地运行的node项目
一般前端人员搭建服务器项目都会采用node+express的方式搭建。这个过程也比较简单：
1.搭建项目文件夹
-新建一个项目文件夹 用 npm init -y初始化项目文件夹生成package.json
-将项目文件夹在终端中打开，使用npm install express -S命令安装express
-将打包好的前端项目拷贝进当前文件夹，我以vue脚手架打包的dist文件夹为例子
2.编写项目入口
-新建一个名为app.js的文件在文件中写入如下代码
const express = require('express')
const app = express()
app.use(express.static('./dist'))
// 端口号大家可以填入自己喜欢的任意端口，只要不冲突就可以
app.listen(9000, () => {
console.log('服务器已启动');
})
然最简单的vue服务器项目就搭建完成啦，如果使用了vue-router并且采用的histroy模式的路由规则还需要添加connect-history-api-fallback模块，先npm install connect-history-api-fallback -S然后再app.js中添加如下代码：
const vueHistory = require('connect-history-api-fallback')
app.use(vueHistory())
到了这一步就可以在终端中使用node app.js尝试一下能不能本地运行。
3.将项目上传到github
因为我后续会采用github将项目拷贝到服务器所以还要增加几个步骤：
-新建一个名为.gitignore的文件并且在文件中写入node_modules/来省略模块文件夹的上传
-在终端中输入git init初始化git文件夹
-使用git add . 将文件加入暂存区，使用git commit -m 'first commit'将文件存入git
-在github中新建项目并且按照提示将本地项目上传到git服务器中
至此，第一步搭建项目文件夹就完成了！
二、让服务器运行项目
1.租借项目服务器
这一步就不多说了，百度云阿里云腾讯云都可以租到相对很值的服务器，用来学习非常够用，一般腾讯云做活动还蛮便宜的大家可以自己搜索。
2.连接服务器
获得一台自己的服务器后就可以在终端中用 ssh root@服务器ip地址连接上服务器了，然后输入密码只见终端的字母画风一变就登进了服务器，一般服务器还是选择centOS系统的，本篇文章也会用这个系统举例子~
3.安装node
node服务器环境安装这部分照搬其他博主
nvm安装
nvm是目前主流的node版本管理工具，有点类似于 Python 的 virtualenv 或者 Ruby 的 rvm，每个node版本的模块都会被安装在各自版本的沙箱里面（因此切换版本后模块需重新安装），因此考虑到需要时常对node版本进行切换测试兼容性和一些模块对node版本的限制。
执行以下命令
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash关闭远程连接后重新进入并输入
nvm看是否有该命令提示，如果有则表示安装成功
安装node
我们要安装最新的lts版本，尽可能保持和官方一致，否则有一天会被甩下车的
nvm install --lts检查是否安装成功
node -v如果安装成功会显示版本号的
安装pm2
pm2 是一个带有负载均衡功能的Node应用的进程管理器.
当你要把你的独立代码利用全部的服务器上的所有CPU，并保证进程永远都活着，0秒的重载， PM2是完美的
npm install -g pm2完成后输入
pm2 -v如果有版本信息输出则表示安装成功
此时的node服务器环境就算安装成功了
————————————————
版权声明：本文为CSDN博主「Fuck Full Stack」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u014726163/article/details/82837125
这边再贴一篇pm2常用命令的文章方便查阅
PM2 介绍 (douban.com)
3.将项目上传到服务器
安装git
在安装git前需要先测试一下服务器有没有git，可以输入git测试
如果返回command not found则表明没有安装git，
那么就可以采用yum安装的方式
yum install -y git
然后用
git --version
检查安装是否成功，一般到这一步都十分顺利。
将项目拉取到服务器上
通常项目会安装到 /home/文件夹中
-所以第一步先 cd /home/ 进入home文件夹
-然后在文件夹中输入git clone 你的储藏库地址
-克隆完成后cd 你的储藏库名称进入文件夹
-用npm install命令下载依赖
-接下来使用node app.js尝试启动服务
这个时候服务可能还是不能访问的，因为大部分服务器都有防火墙配置
这边举两个例子：
腾讯云防火墙可以到控制台添加规则非常简单好用
有的服务器采用的是firewalld firewalld-config防火墙插件方案
这里也罗列一下防火墙操作
centos7.0防火墙操作：
安装firewall插件：
yum install firewalld firewalld-config配置文件：
/etc/firewalld/查看版本：
firewall-cmd --version
查看帮助：firewall-cmd --help
查看区域信息：firewall-cmd --get-active-zones
查看指定接口所属区域信息：firewall-cmd --get-zone-of-interface=eth0
拒绝所有包：firewall-cmd --panic-on
取消拒绝状态：firewall-cmd --panic-off
查看是否拒绝：firewall-cmd --query-panic查看防火墙状态：
firewall-cmd --state
开启防火墙：systemctl start firewalld
关闭防火墙：systemctl stop firewalld
设置开机启动：systemctl enable firewalld
停止并禁用开机启动：sytemctl disable firewalld
重启防火墙：firewall-cmd --reload查看指定区域所有开启的端口号
firewall-cmd --zone=public --list-ports在指定区域开启端口(如80端口号，命令方式)
firewall-cmd --zone=public --add-port=80/tcp --permanent
重新启动防火墙(修改端口后必须重启一次防火墙)
firewall-cmd --reload参数说明：
–zone 作用域
–add-port=8080/tcp 添加端口，格式为：端口/通讯协议
–remove-port=8080/tcp 删除端口，可以关闭指定端口
–permanent #永久生效，没有此参数重启后失效在指定区域开启某个范围的端口号(如18881~65534，命令方式)
firewall-cmd --zone=public --add-port=18881:65534/tcp --permanent
重新启动防火墙
firewall-cmd --reload
打开防火墙之后就可以用pm2挂载node项目然后尝试访问啦。
使用 pm2 启动任务
-先进入到项目的目录 也就是在根目录下 cd /home/项目名称/ -然后使用 pm2 start app.js -name my-serve启动服务， 后面的 -name my-serve是为了给进程命名，可以随便起喜欢的名字或者省略 -pm2 list指令可以查看项目列表和运行状态
到这一步项目应该已经可以通过服务器的 ip 地址访问了，可以尝试在浏览器中输入租用的服务器的公网ip:端口号的格式尝试访问自己的项目
如果这个时候不能正常访问那就应该检查之前的项目是否有出错，检查 pm2 list 项目运行状态是否正常，检查防火墙是否已经正确开启自己访问的端口号，如果 pm2 出现 error 项目状态变成 error 那还可以用node app.js启动服务，查看报错信息对症下药
三、使用 nginx 进行反向代理
1.安装 nginx
使用nginx -v
查看本地是否已经安装 nginx
如果没有那么使用yum install nginx来安装 nginx
安装完后再运行一次nginx -v
如果显示了nginx version: nginx/版本号说明安装成功了，接下来可以开始配置 nginx
配置 nginx 多是用于域名解析，让访问 80 端口的域名可以重新指向服务器的其他端口，可以帮助用户不需要在地址栏中输入端口号，完善用户体验
这里需要进入配置文件目录 cd /etc/nginx/conf.d/
创建一个新的配置文件，然后填入配置信息 node.xiaoshizi.com.80.conf
比如我这里申请了一个 node.xiaoshizi.com 的域名那么我就需要这样填写配置文件
server {
listen 80;
server_name node.xiaoshizi.com;
root html;
index index.html index.htm;
location / {
proxy_pass http://127.0.0.1:9000;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
然后我也不太会linux文件操作，所以我使用了FileZilla工具在文件夹中添加了这个配置文件
添加配置文件后可以用
nginx -t
检查文件是否合格
如果合格会有以下输出
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
至此需要重启一次nginx
nginx -s reload
如果发生以下报错
nginx: [error] invalid PID number "" in "/run/nginx.pid"
那么就需要重新加载一下配置文件
nginx -c /etc/nginx/nginx.conf
然后再重启一次nginx就能成功生效了
如果这个时候使用域名仍旧无法访问那就首先要检查网站是否已经备案，如果租用的是境外服务器则不需要备案
如果网站已经备案那就要考虑是否是防火墙问题，比如我用的服务器采用了firewall插件，默认关闭了所有端口，而采用nginx反向代理后默认访问的端口从刚才打开的9000端口更换为了80端口，这个时候需要将原来打开的9000端口关闭再打开80端口就可以进入网站了。而腾讯云默认就打开了80端口的nginx访问所以也是可以正常使用的。
四、配置mysql
心累了暂时不写
