Angular4项目nginx服务器部署

Angular4项目nginx服务器部署

1.  Nginx相关操作命令:

Ø  ubuntu安装:

$ sudo apt-get install nginx 

安装完成即可,在/usr/sbin/目录下是nginx命令所在目录,在/etc/nginx/目录下是nginx所有的配置文件,nginx.conf文件用于配置nginx服务器以及负载均衡等信息;

Ø  查看nginx进程是否启动:

$ ps -ef|grep nginx

Ø  启动nginx:

$ nginx

Ø  停止nginx服务命令:

$ nginx -s stop
or
$ nginx -s quit

Ø  命令帮助:

$ nginx -h

Ø  验证配置文件:

nginx -t

Ø  重新启动nginx:

nginx -s reopen

Ø  重新加载配合着文件:

nginx -s reload

2.  打包angular项目

首先确保angular环境配置,

Ø  安装nodejs和npm:

新版的nodejs已经集成了npm,所以npm也一并安装好了,检查安装是否成功

node -v
npm -v

Ø  安装typescript和typings:

npm install -g typescript typings

因为@angular/cli是用typescript写的,所以要先装这两个,检查是否安装成功

tsc -v

Ø  安装@angular/cli:

npm install -g @angular/cli@latest

检查是否安装成功

ng version

注意:如果之前安装失败,最好在安装angular-cli之前卸载干净,如下:

npm uninstall -g @angular/cli
npm cache clean

将开发完成的angular项目生成dist打包文件

Ø  新建项目:

ng new newProj

Ø  安装或更新依赖包:在package.json的目录下

npm install
or
npm update

Ø  项目启动:在package.json的目录下,

npm start
or
npm run start
or
ng server
这两个默认端口都是4200,也可以修改默认端口:ng serve -p 3000
ng serve -p 3000

Ø  项目启动无报错,最后打包:

npm run build:prod

无任何报错打包成功,在项目目录下生成dist文件,并将生成的dist文件发布到服务器上或本地,dist文件用来配置到nginx.conf的server模块的root中。

注意:如果项目启动没有问题,但是dist文件打包出错,可能是angular的依赖包版本有问题,有的依赖包高版本有bug,可以尝试清空项目中的node_modules,然后用npm install重新安装,提醒随时做好备份。

接下来配置nginx.conf文件

Ø  打开安装目录下的etc/nginx/nginx.conf文件,在http节点下添加server节点,最重要的是server{}这部分就代表每一个web站点。如下是漏洞录入系统前端的nginx配置(详细说明见后):

1.   server {  

2.      listen      5656;  

3.      server_name loacalhost;  

4.      index index.php index.html index.htm;  

5.     location / {  

7.          root /xxx/dist;  

8.          index index.html index.htm;  

9.          try_files $uri $uri/ /index.html =404;  

10.     }  

11.  location ~*\/api/ {  

13.         proxy_connect_timeout 300;  

14.         proxy_send_timeout 300;  

15.         proxy_read_timeout 300;  

16.         proxy_pass   http://(ip):5655;  

17.         proxy_set_header X-Real-IP $remote_addr;  

18.     }  

19. } 

*最后记得一定要重启nginx

3.  Nginx配置:

nginx服务器的配置信息主要集中在nginx.conf这个配置文件中,所有的可配置选项大致分为以下几个部分:

1.   main                                # 全局配置  

2.    

3.  events {                            # nginx工作模式配置  

4.    

5.  }  

6.    

7.  http {                                # http设置  

8.      ....  

9.    

10.      server {                        # 服务器主机配置  

11.          ....  

12.          location {                    # 路由配置  

13.              ....  

14.          }  

15.    

16.          location path {  

17.              ....  

18.          }  

19.    

20.          location otherpath {  

21.              ....  

22.          }  

23.      }  

24.    

25.      server {  

26.          ....  

27.    

28.          location {  

29.              ....  

30.          }  

31.      }  

32.    

33.      upstream name {                    # 负载均衡配置  

34.          ....  

35.      }  

36.  }  

1)       Main模块

1.   # user nobody nobody;   

2.  worker_processes 2;  

3.  # error_log logs/error.log  

4.  # error_log logs/error.log notice  

5.  # error_log logs/error.log info  

6.  # pid logs/nginx.pid  

7.  worker_rlimit_nofile 1024;  

上述配置都是存放在main全局配置模块中的配置项

Ø  user用来指定nginx worker进程运行用户以及用户组,默认nobody账号运行

Ø  worker_processes指定nginx要开启的子进程数量,运行过程中监控每个进程消耗内存(一般几M~几十M不等)根据实际情况进行调整,通常数量是CPU内核数量的整数倍

Ø  error_log定义错误日志文件的位置及输出级别【debug / info / notice / warn /error / crit】

Ø  pid用来指定进程id的存储文件的位置

Ø  worker_rlimit_nofile用于指定一个进程可以打开最多文件数量的描述

2)       event模块

1.  event {  

2.      worker_connections 1024;  

3.      multi_accept on;  

4.      use epoll;  

5.  }  

上述配置是针对nginx服务器的工作模式的一些操作配置

Ø  worker_connections 指定最大可以同时接收的连接数量,这里一定要注意,最大连接数量是和worker processes共同决定的。

Ø  multi_accept 配置指定nginx在收到一个新连接通知后尽可能多的接受更多的连接

Ø  use epoll 配置指定了线程轮询的方法,如果是linux2.6+,使用epoll,如果是BSD如Mac请使用Kqueue

3)       http模块

http模块是nginx最核心的一个模块,配置项也是比较多的,项目中会设置到很多的实际业务场景,需要根据硬件信息进行适当的配置,常规情况下,使用默认配置即可

1.  http {  

2.      ##  

3.      # 基础配置  

4.      ##  

5.    

6.      sendfile on;  

7.      tcp_nopush on;  

8.      tcp_nodelay on;  

9.      keepalive_timeout 65;  

10.     types_hash_max_size 2048;  

11.     # server_tokens off;  

12.   

13.     # server_names_hash_bucket_size 64;  

14.     # server_name_in_redirect off;  

15.   

16.     include /etc/nginx/mime.types;  

17.     default_type application/octet-stream;  

18.   

19.     ##  

20.     # SSL证书配置  

21.     ##  

22.   

23.     ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE  

24.     ssl_prefer_server_ciphers on;  

25.   

26.     ##  

27.     # 日志配置  

28.     ##  

29.   

30.     access_log /var/log/nginx/access.log;  

31.     error_log /var/log/nginx/error.log;  

32.   

33.     ##  

34.     # Gzip 压缩配置  

35.     ##  

36.   

37.     gzip on;  

38.     gzip_disable "msie6";  

39.   

40.     # gzip_vary on;  

41.     # gzip_proxied any;  

42.     # gzip_comp_level 6;  

43.     # gzip_buffers 16 8k;  

44.     # gzip_http_version 1.1;  

45.     # gzip_types text/plain text/css application/json application/javascript  

46.  text/xml application/xml application/xml+rss text/javascript;  

47.   

48.     ##  

49.     # 虚拟主机配置  

50.     ##  

51.   

52.     include /etc/nginx/conf.d/*.conf;  

53.     include /etc/nginx/sites-enabled/*;  

l  基础配置:

sendfile on

配置on让sendfile发挥作用,将文件的回写过程交给数据缓冲去完成,而不是放在应用中完成,这样的话在性能提升有好处

tc_nopush on

让nginx在一个数据包中发送所有的头文件,而不是一个一个单独发

tcp_nodelay on

让nginx不要缓存数据,而是一段一段发送,如果数据的传输有实时性的要求的话可以配置它,发送完一小段数据就立刻能得到返回值,但是不要滥用哦

keepalive_timeout 10

给客户端分配连接超时时间,服务器会在这个时间过后关闭连接。一般设置时间较短,可以让nginx工作持续性更好

client_header_timeout 10

设置请求头的超时时间

client_body_timeout 10

设置请求体的超时时间

send_timeout 10

指定客户端响应超时时间,如果客户端两次操作间隔超过这个时间,服务器就会关闭这个链接

limit_conn_zone $binary_remote_addr zone=addr:5m

设置用于保存各种key的共享内存的参数,

limit_conn addr 100

给定的key设置最大连接数

server_tokens

虽然不会让nginx执行速度更快,但是可以在错误页面关闭nginx版本提示,对于网站安全性的提升有好处哦

include /etc/nginx/mime.types

指定在当前文件中包含另一个文件的指令

default_type application/octet-stream

指定默认处理的文件类型可以是二进制

type_hash_max_size 2048

混淆数据,影响三列冲突率,值越大消耗内存越多,散列key冲突率会降低,检索速度更快;值越小key,占用内存较少,冲突率越高,检索速度变慢

l 日志配置

access_log logs/access.log

设置存储访问记录的日志

error_log logs/error.log

设置存储记录错误发生的日志

l SSL证书加密

ssl_protocols

指令用于启动特定的加密协议,nginx在1.1.13和1.0.12版本后默认是ssl_protocols SSLv3 TLSv1 TLSv1.1 TLSv1.2,TLSv1.1与TLSv1.2要确保OpenSSL >= 1.0.1 ,SSLv3 现在还有很多地方在用但有不少被攻击的漏洞。

ssl prefer server ciphers

设置协商加密算法时,优先使用我们服务端的加密套件,而不是客户端浏览器的加密套件

l 压缩配置

gzip

是告诉nginx采用gzip压缩的形式发送数据。这将会减少我们发送的数据量。

gzip_disable

为指定的客户端禁用gzip功能。我们设置成IE6或者更低版本以使我们的方案能够广泛兼容。

gzip_static

告诉nginx在压缩资源之前,先查找是否有预先gzip处理过的资源。这要求你预先压缩你的文件(在这个例子中被注释掉了),从而允许你使用最高压缩比,这样nginx就不用再压缩这些文件了

gzip_proxied

允许或者禁止压缩基于请求和响应的响应流。我们设置为any,意味着将会压缩所有的请求。

gzip_min_length

设置对数据启用压缩的最少字节数。如果一个请求小于1000字节,我们最好不要压缩它,因为压缩这些小的数据会降低处理此请求的所有进程的速度。

gzip_comp_level

设置数据的压缩等级。这个等级可以是1-9之间的任意数值,9是最慢但是压缩比最大的。我们设置为4,这是一个比较折中的设置。

gzip_type

设置需要压缩的数据格式。上面例子中已经有一些了,你也可以再添加更多的格式。

l 文件缓存配置

open_file_cache

打开缓存的同时也指定了缓存最大数目,以及缓存的时间。我们可以设置一个相对高的最大时间,这样我们可以在它们不活动超过20秒后清除掉。

open_file_cache_valid

在open_file_cache中指定检测正确信息的间隔时间。

open_file_cache_min_uses

定义了open_file_cache中指令参数不活动时间期间里最小的文件数。

open_file_cache_errors

指定了当搜索一个文件时是否缓存错误信息,也包括再次给配置中添加文件。我们也包括了服务器模块,这些是在不同文件中定义的。如果你的服务器模块不在这些位置,你就得修改这一行来指定正确的位置。

4)       server模块

server模块配置是http模块中的一个子模块,用来定义一个虚拟访问主机,也就是一个虚拟服务器的配置信息

1.  server {  

2.      listen        80;  

3.      server_name localhost    192.168.1.100;  

4.      root        /nginx/www;  

5.      index        index.php index.html index.html;  

6.      charset        utf-8;  

7.      access_log    logs/access.log;  

8.      error_log    logs/error.log;  

9.      ......  

10. }  

核心配置信息如下:

server

一个虚拟主机的配置,一个http中可以配置多个server

server_name

指定ip地址或者域名,多个配置之间用空格分隔

root

表示整个server虚拟主机内的根目录,所有当前主机中web项目的根目录

index

用户访问web网站时的全局首页

charset

用于设置www/路径中配置的网页的默认编码格式

access_log

用于指定该虚拟主机服务器中的访问记录日志存放路径

error_log

用于指定该虚拟主机服务器中访问错误日志的存放路径

5)       Location 模块

location模块是nginx配置中出现最多的一个配置,主要用于配置路由访问信息。

在路由访问信息配置中关联到反向代理、负载均衡等等各项功能,所以location模块也是一个非常重要的配置模块

l  基础配置

1.  location / {                                           #表示匹配访问根目录

2.      root    /nginx/www;        #用于指定访问根目录时,访问虚拟主机的web目录

3.      index    index.php index.html index.htm;

4.                                  #在不指定访问具体资源时,默认展示的资源文件列表

5.  }  

l  反向代理配置

通过反向代理代理服务器访问模式,通过proxy_set配置让客户端访问透明化

1.  location / {  

2.      proxy_pass http://localhost:8888;  

3.      proxy_set_header X-real-ip $remote_addr;  

4.      proxy_set_header Host $http_host;  

5.  }  

l  uwsgi配置

wsgi模式下的服务器配置访问方式

1.  location / {  

2.      include uwsgi_params;  

3.      uwsgi_pass localhost:8888  

4.  }  

6)       Upstream 模块

upstream模块主要负责负载均衡的配置,通过默认的轮询调度方式来分发请求到后端服务器,简单的配置方式如下:

1.  upstream name {  

2.      ip_hash;  

3.      server 192.168.1.100:8000;  

4.      server 192.168.1.100:8001 down;  

5.      server 192.168.1.100:8002 max_fails=3;  

6.      server 192.168.1.100:8003 fail_timeout=20s;  

7.      server 192.168.1.100:8004 max_fails=3 fail_timeout=20s;  

8.  }  

ip_hash

指定请求调度算法,默认是weight权重轮询调度,可以指定

server host:port

分发服务器的列表配置

-- down

表示该主机暂停服务

-- max_fails

表示失败最大次数,超过失败最大次数暂停服务

-- fail_timeout

表示如果请求受理失败,暂停指定的时间之后重新发起请求


猜你喜欢

转载自blog.csdn.net/Rnger/article/details/79907583
今日推荐