猿进化系列18——实战之一文学会部署正确姿态

看完上一个章节，相信你已经能比较熟练的掌握之前学过的知识了，已经初步具备开发的能力了，还可以骄傲的说，动静分离并不如何潮爆，因为我也会！今天我们继续学习，将之前开发的系统部署起来，也顺便感受下动静分离的威力。

      猿进化是一个原创系列文章，帮助你从一只小白快速进化为一个猿人，更多精彩内容，敬请大家关注公主号猿人工厂，点击猿人养成获取！猿人工厂君最近遇到了一点事情，遭遇和网易员工近似（都是大厂工作多年），病情也近似，可能暂时一小段时间内无法保证内容更新的及时性，但是工厂君会努力更新。只能讲程序猿，要学会保护自己，但是面对行业恶势力，还是不应该退缩的，因为如果每个人都退缩的话，慢慢地人间会没有了正义。虽千万人，吾往矣。

 

 

 

 

 

 

 

 

不知不觉中，我们已经完成了web小项目的开发，在整个开发过程中，我们都使用的tomcat插件来部署运行我们的项目。那么项目开发测试好了之后需要做什么呢？当然是交付给客户使用了。客户可不会使用idea来运行项目，他们只是希望通过浏览器来访问。

鉴于有不少同学可能对linux不熟悉，本文主要讲述在windows环境下的部署方法。本文默认你已经配置好了java环境，如果还没有配置java环境变量，请自行安装配置。不再多做阐述。

在开始部署之前，我们先下载nginx服务器和tomcat服务器。下载地址：

 Nginx:http://nginx.org/en/download.html

Tomcat：https://tomcat.apache.org/download-70.cgi

下载后，将文件解压到D:\webserver目录下，没有的话请自行建立文件夹。

 

 

打开cmd命令行输入命令 cd D:\webserver\apache-tomcat-7.0.103\bin 后回车，进入tomcat目录。

 

 

输入命令 startup，tomcat开始启动，然后访问http://localhost:8080/，看到页面

 

 

关闭新打开的窗口，然后继续输入命令 cdD:\webserver\nginx-1.12.2回车，再输入命令 start nginx

 

 

访问页面127.0.0.1,看见页面效果如下。

 

到此为止，web服务器和应用服务器基本环境安装到位。

 

 

基本环境验证通过，我们开始具体的部署步骤。先编译打包项目。

 

 

编译完成后，发现项目的target目录下多了一个文件——route-1.0.-SNAPSHOT.

 

复制route-1.0.-SNAPSHOT.到D:\webserver\apache-tomcat-7.0.103\webapps目录下

 

在命令行打开tomcat的bin目录cdD:\webserver\apache-tomcat-7.0.103\bin，输入命令startup,访问连接http://localhost:8080/route-1.0-SNAPSHOT/看到项目首页正常访问。

 

 

到此为止，我们已经成功的将项目部署到tomcat了，不过话说回来，你见过哪家的网站是这样访问的?端口暴露在外不说，还跟着一个小尾巴才看到首页。太low了，交给你的客户，保证他们打不死你的！当然也有杠精会说，可以把项目war包解压后，仍进tomcat的webapps目录下。真这样搞，懂点的客户保证继续打死你！还是按常规接下来的活我们，还是用web服务器处理下，要不我们弄nginx来干啥？

 

 

我们先打开nginx的安装文件夹，新建一个servers目录，然后新建一个文件routeserver.conf。我们还是给我们的站点取个域名，就叫www.pz-travel.com吧。我们增加点配置让nginx将请求转发给后端的应用服务器。

server {

        listen       80;

        server_name  www.pz-travel.com;

 

      location / {

                    proxy_pass http://127.0.0.1:8080/route-1.0-SNAPSHOT/;

                    proxy_connect_timeout 1000;

                    proxy_read_timeout 1000;

        }

    }

然后我们让nginx加载这个新的server配置，打开D:\webserver\nginx-1.12.2\conf目录的nginx.conf文件，在文件中增加如下代码：include../servers/*.conf,这样编写后，以后增加新的应用后，只用在servers目录下增加配置文件就好了。

 

 

我们继续验证，在打开的cmd窗口中cd D:\webserver\nginx-1.12.2\后，输入命令nginx –s reload,让nginx识别我们的配置。

 

 

修改hosts文件，加入127.0.0.1 www.pz-travel.com，然后访问http://www.pz-travel.com。看到首页成功访问的页面。

 

 

 

 

是的，到目前为止，静态资源依然是通过tomcat来处理的，在IO方面，还是交给更为擅长的webserver来处理吧，下面是完整的配置，拿走不谢。记得reload验证下噢。

server {

        listen       80;

        server_name  www.pz-travel.com;

      location / {

                    proxy_passhttp://127.0.0.1:8080/route-1.0-SNAPSHOT/;

                    proxy_connect_timeout 1000;

                    proxy_read_timeout 1000;

        }

              

              location ~.*\.(gif|jpg|png|htm|html|css|js|flv|ico|swf)(.*){

                    rootD:/webserver/apache-tomcat-7.0.103/webapps/route-1.0-SNAPSHOT/;

              }

 

    }

写在后面的话:到今天这一章节，猿进化系列文章算是大工告成啦，看完猿进化，实践完猿进化，相信已经从一个小白，成长为一只具备初步开发能力的小猿猿了噢。不要小看自己噢，虽然只是简单的基础知识，猿人工厂君借助小姐姐的力量，交给你的可是web开发的真东西噢，没有参水，也不会让你染上一些机构的坏毛病噢。

我建了一个群，诚心邀请喜欢技术的小伙伴们加入讨论。