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),如图所示:

Nginx+阿里云服务器部署静态web项目_第1张图片


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


你可能感兴趣的:(Nginx+阿里云服务器部署静态web项目)