引言

最近在学习一个通用后台管理系统的项目，已经差不多开发完成了，之前都是用github的服务器来部署，这次想着自己买一个云服务器来真正部署一个网站项目，说干就干！

购买云服务器

首先需要购买一个云服务器，我选择的阿里云平台，然后因为使用云服务器只是为了学习使用，所以可以选择试用一个月的选项。

购买链接(没有注册阿里云账号的需要提前注册一下) 点这里

登录云服务器

由于试用的服务器的地域是国内，所以如果有域名想去DNS解析服务器ip来访问的话需要进行备案，备案操作比较麻烦，所以这里就不涉及域名的解析，即直接使用ip去访问。

我这里试用的服务器配置选择的是 centOS 系统 2核 4Gib 的配置也可以根据自己的需要选择不同的操作系统。

在我们登录之前我们需要去重置服务器实例的密码，找到实例面板中的 重置实例密码 选项，使用自己熟悉的密码来使用。

然后我们可以通过 ssh工具 来远程登录我们的服务器，当然可以选择阿里云平台给我们提供的在线工具:

这边我所使用的是mac系统下的 Secure CRT 这个工具，通过新建一个链接，输入服务器的公网ip和刚刚设置的密码来登录。

如果登录成功，将看到以下画面：

安装nginx环境

由于我是一名前端小将，所以这里只介绍静态资源服务器nginx的安装过程，其他数据库等服务可以后续再去研究。

1、nginx 编译时依赖的 gcc 环境

yum -y install gcc gcc-c++

2、安装 prce，让 nginx 支持重写功能

yum -y install pcre*

3、安装 zlib，nginx 使用 zlib 对 http 包内容进行 gzip 压缩

yum -y install zlib zlib-devel

4、安装 openssl，用于通讯加密

yum -y install openssl openssl-devel

5、安装 nginx 进入root路径，创建nginx文件夹,下载nginx安装包

cd ../
mkdir nginx
wget https://nginx.org/download/nginx-1.15.1.tar.gz

6、解压 nginx 安装包

tar -zxvf  nginx-1.15.1.tar.gz

7、进入安装包目录

cd nginx-1.15.1

8、检查平台安装环境

./configure --prefix=/usr/local/nginx

9、检查ssl编译的环境（为了配置https,没有域名解析也就用不了https，可以跳过）

./configure --with-http_ssl_module

10、源码编译

make

11、安装

make install

12、制作nginx软链接,进入/usr/bin目录，制作软链接(可以在全局使用nginx命令来检查配置文件的错误)

cd /usr/bin
ln -s /usr/local/nginx/sbin/nginx nginx

13、进入到 nginx 的默认配置文件中

vim /usr/local/nginx/conf/nginx.conf

14、按i进入编辑模式，在底部插入以下代码

include /nginx/*.conf;

15、按esc退出编辑模式，再按:wq!强制保存退出 16、创建新的配置文件

touch /nginx/nginx.conf

17、进入创建的配置文件

vim /nginx/nginx.conf

18、写入以下配置

server {
    # 端口
    listen       80;
    # 域名
    server_name  (域名或者ip地址);
    # 资源地址
    root   /nginx/dist/;
    # 目录浏览
    autoindex on;
    # 缓存处理
    add_header Cache-Control "no-cache, must-revalidate";
    # 请求配置
    location / {
        # 跨域
        add_header Access-Control-Allow-Origin *;
        # 返回 index.html
        try_files $uri $uri/ /index.html;
    }
}

这样nginx的基本环境就算配置好了，接下来需要把我们的网站文件上传到nginx服务器上。

部署网站

1、创建dist目录

mkdir /nginx/dist

2、通过XFTP或SFTP的形式将build之后的文件上传到服务器，这边我使用的是Secure CRT,所以使用SFTP来上传，

在SFTP中命令行分为local和remote俩种，大致的区别就是命令前面带个l。

我们使用remote的命令cd到之前创建的dist目录中，如何打开我们本地的build之后的文件夹，直接用鼠标将打包后的文件拖入CRT终端中，SFTP会自动上传文件到当前打开到路径当中。

这样项目的部署就差最后一步了那就是启动nginx。

3、指定启动的配置文件路径

nginx -c /usr/local/nginx/conf/nginx.conf

5、启动nginx

nginx -s reload

然后就可以进入浏览器输入域名或者ip来访问网站了！

如何使用云服务器部署一个网站

引言

购买云服务器

登录云服务器

安装nginx环境

部署网站