Nginx+阿里云服务器部署静态web项目

    这两天，因为工作需求，身为一个后端开发人员，接触了使用Nginx+阿里云轻量服务器CentOS系统部署静态web项目的尝试。

    首先，声明一点，项目部署前，已经由资深前端老员工帮我用Fis3工具构建好了项目，并不是所有项目都可以直接部署的，关于Fis3我也不是很了解，这里不过多深入。

    部署条件：

        1.一台阿里云服务器（本人的是CentOS系统的服务器）

        2.已经构建好的项目

        3.服务器上安装并配置Nginx

    首先第一步：在服务器上安装并配置Nginx

     进入服务器

$ ssh root@服务器IP

     安装编译工具以及库文件：

yum -y install make  gcc-c++ libtool     

     安装PCRE（PCRE 作用是让 Nginx 支持 Rewrite 功能）

$ cd /usr/local
$ wget http://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz
$ tar zxvf pcre-8.35.tar.gz
$ cd pcre-8.35
$ ./configure
$ make && make install
$ pcre-config --version

     安装zlib库（Nginx的gzip模块需要 zlib 库）

$ cd /usr/local/ 
$ wget http://zlib.net/zlib-1.2.11.tar.gz
$ tar -zxvf zlib-1.2.11.tar.gz
$ cd zlib-1.2.11
$ ./configure
$ make
$ make install

     安装ssl（Nginx的ssl 功能需要openssl库）

$ cd /usr/local/
$ wget http://www.openssl.org/source/openssl-1.0.1j.tar.gz
$ tar -zxvf openssl-1.0.1j.tar.gz
$ ./config
$ make

     安装Nginx

$ cd /usr/local/
$ wget http://nginx.org/download/nginx-1.8.0.tar.gz
$ tar -zxvf nginx-1.8.0.tar.gz
$ cd nginx-1.8.0  
$ ./configure --prefix=/usr/local/webserver/nginx --with-http_stub_status_module --with-http_ssl_module --with-pcre=/usr/local/pcre-8.35 --with-openssl=/usr/local/openssl-1.0.1j --with-zlib=/usr/local/zlib-1.2.11 
$ make
$ make install
#查看版本
$ /usr/local/webserver/nginx/sbin/nginx -v 

     启动Nginx

$ /usr/local/webserver/nginx/sbin/nginx

     打开浏览器，访问服务器的IP，如果浏览器出现 Welcome to nginx! 则表示 Nginx 已经安装并运行成功。

     以下是一些Nginx的相关命令

#重新载入配置文件：
sbin/nginx –s reload
#重启：
$ /usr/local/webserver/nginx/sbin/nginx –s reopen
#停止：
$ /usr/local/webserver/nginx/sbin/nginx –s stop
#测试配置文件是否正常：
$ /usr/local/webserver/nginx/sbin/nginx –t
#强制关闭：
$ pkill nginx

    第二步：在服务器中创建一个文件夹，并将本级中已经构建好的项目传到服务器创建的文件夹中

        创建文件夹

$ mkdir 文件夹名

        通过本机将构建好的项目传输过去

scp 本地文件地址 root@公网地址:公网保存的地址

    第三步：修改Nginx的配置文件Nginx.conf

        根据Nginx的启动地址找到相应的配置文件

$ cd /usr/local/webserver/nginx/conf

        编辑Nginx.conf配置文件

$ vim nginx.conf

        配置如下：

server {
        listen       80; 监听端口
        server_name  localhost; 监听地址

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /root/web/web-us/output; 对应项目的地址
            index  index.html index.htm; 首页面
        }

        然后按照上面的指令关闭Nginx，重新加载配置文件并启动

        在浏览器中输入服务器IP，就能访问到部署的项目。

        如果还是不能访问，可以尝试将nginx.conf中的user解除注释，并修改名为你的服务器登录名（一般是root），如图所示：

  以上，就是我将静态web项目部署到服务器中的步骤。如何绑定域名，通过访问域名来访问服务器中的项目，将在过几天，我的域名备案通过，绑定成功后更新本篇文章。