对于目前的个人开发者而言，使用云服务器是十分方便快捷的，在兴冲冲地写好了项目代码后，会有一种想要快速部署到服务器上的冲动，今天我们就来实践一下 0 到 1 的简单服务器部署。
首先你需要有一台云服务器，这里以我的阿里云服务器为例，系统是CentOS 7.3
1.远程连接
想要在服务器上进行部署，首先得连接上服务器，可以通过阿里云官网控制的 浏览器远程连接 登录服务器，但是比较麻烦，每隔一段时间都需要重新登录。除此之外，还可以利用 ssh 通过账号密码或者密钥进行连接，如下：
# 通过账号密码进行连接，一般为 root，连接成功后需要输入密码
ssh root@yourIp
# 通过密钥进行连接，yourKey 为密钥的本地路径
ssh root@yourIp -i yourKey2.nginx 配置
现在的服务器部署，基本上离不开 nginx，配置简单易用，对于个人开发者十分友好。
2.1 nginx 安装
yum install -y nginx安装成功后可以使用 -v 查看版本，我这里是 1.16.1
nginx -v2.2 nginx 命令
启动 nginx
可以使用 Linux 的系统工具 Systemd 来启动 nginx，也可以使用 nginx 自带的命令：
systemctl start nginx
# 或
nginx
# 设置开机自动启动
systemctl enable nginx停止 nginx
当你想停止 nginx 时，可以使用 stop 命令：
systemctl stop nginx
# 或
nginx -s stop重启 nginx
当你更改了 nginx 的配置时，这个时候往往需要重启 nginx 服务配置才能生效：
systemctl restart nginx
# 或
nginx -s reload2.3 配置 nginx
nginx 安装好了之后，默认路径一般是 /etc/nginx/，如果在该路径下没有找到，可以使用 nginx -t 命令查看安装路径：
nginx -t
# nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
# nginx: configuration file /etc/nginx/nginx.conf test is successful这里验证的 nginx.conf 就是 nginx 的主配置文件，默认内容如下：
# 部分配置已省略
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name _;
root /usr/share/nginx/html;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
}
error_page 404 /404.html;
location = /40x.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
}这里我们主要关注一下 server 的配置，以 http 协议的 server 为例，逐行解析一下：
- listen：表示监听 IPV4 & IPV6 的 80 端口，且将该端口设置为默认服务
- server_name：表示当前的服务对应的名称（IP 或者 URL）
- root：表示根路径
- include：表示引用该路径下的配置，这里可以忽略
- location：表示域名后的路径对应的规则
- error_page：表示出现错误之后的重定向规则
前端项目
对于前端项目，本质上打包之后是一堆静态文件，配置对应的 server_name 和 root 就可以了，这里以配置域名为 www.example.com，打包后 dist 下的文件存放服务器目录为 /home/admin/www 为例：
# 部分配置已省略
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name www.example.com;
root /home/admin/www;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
}
error_page 404 /404.html;
location = /40x.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
}服务端项目
对于服务端项目，会在本地监听一个端口来运行相关的服务，可以利用 nginx 配置反向代理，使被访问服务反向代理到对应的端口，这里以 3000 端口为例：
# 部分配置已省略
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name www.example.com;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
proxy_pass http://127.0.0.1:3000;
}
}
配置更改之后需要重启一下
nginx 服务才能生效
3.上传文件
上传文件的方式也比较多，这里主要介绍 scp 命令，以远程服务器用户为 [email protected] 为例：
# 将远程服务器的 /remote/index.html 文件，下载到本地 /local 目录下
scp [email protected]:/remote/index.html /local
# 将远程服务器的整个 remote 目录，下载到本地 /local 目录下
scp -r [email protected]:/remote/ /local
# 将本地 /local/index.html 文件，上传到远程服务器的 /remote 目录下
scp /local/index.html [email protected]:/remote
# 将本地的整个 /local 目录，上传到远程服务器的 /remote 目录下
scp -r /local [email protected]:/remote对于前端项目而言，若是想上传 dist 目录下的所有文件，但又不想上传 dist 目录，这个时候可以使用 通配符 来上传所有文件：
# 将本地的整个 /local 目录下的所有文件，上传到远程服务器的 /remote 目录下
scp -r /local/* [email protected]:/remote在上传前需要确保服务器的目录具有正确的读写权限，否则会出现 SCP Permission denied 错误，具体的文件权限可以通过 ls -l 查看：
ls -l
# -rw-r--r-- 1 root root 2376 Feb 17 20:37 404.html
# drwxr-xr-x 2 root root 4096 Feb 17 00:43 about
# drwxr-xr-x 4 root root 4096 Feb 17 00:43 assets
# drwxr-xr-x 2 root root 4096 Feb 17 00:43 atlas
# -rw-r--r-- 1 root root 51022 Feb 17 20:37 head.png
# -rw-r--r-- 1 root root 13927 Feb 17 20:37 index.html
# drwxr-xr-x 8 root root 4096 Feb 17 00:43 posts其中第二列表示文件权限，首字母为文件类型，d 表示目录文件，- 表示普通文件，后面的 rwx 表示 读/写/执行 权限，每三个一组，分别对应 拥有者/群组/其他组
如若没有权限，可以通过下面的命令来设置所有人可读写以及执行：
chmod 777 yourDir4.https 配置
将你的站点配置为 https 需要下面几个步骤：
- 申请证书并下载。例如在阿里云的 SSL证书 模块中可以申请免费证书，期限一年
- 将证书文件上传到服务器的对应目录
- 更改 nginx 配置
ssl_certificate 和 ssl_certificate_key 分别表示证书文件和私钥的存放路径，示例如下：
# 部分配置已省略
server {
listen 443 ssl http2 default_server;
listen [::]:443 ssl http2 default_server;
server_name www.example.com;
root /home/admin/www;
ssl_certificate "/etc/pki/nginx/www.example.com.pem";
ssl_certificate_key "/etc/pki/nginx/private/www.example.com.key";
ssl_session_cache shared:SSL:1m;
ssl_session_timeout 10m;
ssl_ciphers HIGH:!aNULL:!MD5;
ssl_prefer_server_ciphers on;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
}
error_page 404 /404.html;
location = /404.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
}当部署 https 站点时，常见的需求是将 http 站点自动跳转到 https，nginx 配置如下：
server {
listen 80;
server_name example.com www.example.com;
return 301 https://$server_name$request_uri;
}以上就是本篇的全部内容，如有错误，欢迎指正~