03-03 01:55 阅读 263

升级nginx支持HTTP/2服务端推送的方法

这篇文章主要介绍了升级nginx支持HTTP/2服务端推送的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

内容概览

NGINX从1.13.9版本开始支持HTTP/2服务端推送，上周找时间升级了下NGINX，在博客上试验新的特性。

升级工作主要包括：

升级NGINX到1.14.0

1、配置nginx官方的yum源。创建配置文件 /etc/yum.repos.d/nginx.repo ，写入如下内容

1

2

3

4

5

[nginx]

name=nginx repo

baseurl=http://nginx.org/packages/centos/7/$basearch/

gpgcheck=0

enabled=1

2、更新nginx

1	`yum update`

3、重启nginx

1	`systemctl restart nginx`

4、验证nginx版本

1

2

3

$ curl -I 127.0.0.1

HTTP/1.1 301 Moved Permanently

Server: nginx/1.14.0

修改NGINX配置

在原有的配置上，加上 http2_push_preload on; 。当nginx检测到 link 响应首部时，会主动往客户端推送资源。

1

2

3

4

location ~ \.php$ {

  # ...省略其他配置

  http2_push_preload on; # 加上这行

}

修改WordPress主题

NGINX的 http2_push_preload 需要应用服务的配合。比如我要主动推送 index.js 这个文件，那么需要加上如下响应首部：

1	`link: </index.js>; as=script; rel=preload`

也可以同时推送多个文件，比如：

1	`link: </index.js>; as=script; rel=preload, </index.css>; as=style; rel=preload`

具体到WordPress，可以加上如下代码：

function add_http2_push_header() {

  $preload_resource_array = array(

    '</index.js>; as=script; rel=preload',

    '</index.css>; as=style; rel=preload'

);

  $preload_link_value = join( ', ', $preload_resource_array );

  header( 'link: '.$preload_link_value ); 

}

add_action( 'send_headers', 'add_http2_push_header' );

浏览器验证

升级之前，不支持服务端推送。

升级之后，支持服务端推送。

以上就是本文的全部内容，希望对大家的学习有所帮助