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

更新时间：2018年05月29日 14:42:22 作者：程序猿小卡的博客

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

内容概览

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

升级工作主要包括：

升级NGINX
修改NGINX配置
修改wordpress主题

升级NGINX到1.14.0

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

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/7/$basearch/
gpgcheck=0
enabled=1

2、更新nginx

yum update

3、重启nginx

systemctl restart nginx

4、验证nginx版本

$ curl -I 127.0.0.1
HTTP/1.1 301 Moved Permanently
Server: nginx/1.14.0

修改NGINX配置

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

location ~ \.php$ {
  # ...省略其他配置
  http2_push_preload on; # 加上这行
}

修改WordPress主题

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

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

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

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' );

浏览器验证

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

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

https://www.nginx.com/blog/nginx-1-13-9-http2-server-push/

http://nginx.org/en/docs/http/ngx_http_v2_module.html#http2_push_preload

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

nginx
HTTP/2

Nginx 遇到502 Bad Gateway 自动重启的脚本代码
放到crontab里一分钟执行一次。url和cmd根据自己的改。
2010-12-12
详解nginx配置location总结及rewrite规则写法
本篇文章主要介绍了详解nginx配置location总结及rewrite规则写法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-02-02
shell脚本实战之部署nginx脚本实例
最近自己编写的Linux一键部署脚本,可以一键部署Nginx,分享给大家,这篇文章主要给大家介绍了关于shell脚本实战之部署nginx脚本的相关资料,需要的朋友可以参考下
2022-12-12
nginx expires控制页面缓存
expires 指令可以控制 HTTP 应答中的“Expires ”和“ Cache-Control ”的头标（起到控制页面缓存的作用）
2013-01-01
nginx配置文件使用环境变量的操作方法
Nginx是一款开源代码的高性能HTTP服务器和反向代理服务器，同时支持IMAP/POP3/SMTP代理服务，相较于Apache、lighttpd具有占有内存少，稳定性高等优势，所以深受用户喜爱，今天小编给大家分享nginx配置文件使用环境变量的操作方法，感兴趣的朋友一起看看吧
2021-06-06
nginx实现一个域名配置多个laravel项目的方法示例
这篇文章主要介绍了nginx实现一个域名配置多个laravel项目的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-01-01
Nginx 502 bad gateway和Nginx 504 Gateway Time-out错误解决方法错误解决办
Nginx 502 Bad Gateway的含义是请求的PHP-CGI已经执行，但是由于某种原因（一般是读取资源的问题）没有执行完毕而导致PHP-CGI进程终止
2012-09-09
详解nginx upstream 配置和作用
这篇文章主要介绍了详解nginx upstream 配置和作用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-07-07
分享最新版 nginx内置变量大全
在配置基于nginx服务器的网站时，必然会用到 nginx内置变量，下面笔者将它整理成列表，把最新版本的变量列出来，以方便做配置时查询
2016-04-04
nginx使用nginx-rtmp-module模块实现直播间功能
做的过程出现很多问题，环境其实就需要nginx就可以，然后就是在播放的问题，m3u8的格式，mac直接访问就支持，苹果系统原生H5支持m3u8，还有就是手机直接访问也支持！但是其他其他系统PC端不支持，尝试了好多都不行，最后终于找到了一个支持m3u8格式H5播放
2017-10-10