脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网站技巧 → 服务器 → nginx → 升级nginx支持HTTP/2服务端推送

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

 更新时间：2018年05月29日 14:42:22   作者：程序猿小卡的博客  
这篇文章主要介绍了升级nginx支持HTTP/2服务端推送的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

内容概览

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

升级工作主要包括：

  1. 升级NGINX
  2. 修改NGINX配置
  3. 修改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://docs.nginx.com/nginx/admin-guide/installing-nginx/installing-nginx-open-source/#prebuilt_redhat

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多ip部署多站点的实现步骤

    Nginx多ip部署多站点的实现步骤

    使用Nginx在具有多个IP地址的服务器上部署多个站点,从而实现高效、安全的网站托管,本文主要介绍了Nginx多ip部署多站点的实现步骤,感兴趣的可以了解一下
    2024-01-01
  • nginx 流控使用的项目实践

    nginx 流控使用的项目实践

    本文主要介绍了nginx 流控使用的项目实践
    2024-03-03
  • nginx基础配置说明一则

    nginx基础配置说明一则

    nginx基础配置说明一则，有需要的朋友可以参考下
    2013-02-02
  • nginx中的健康检查方案

    nginx中的健康检查方案

    这篇文章主要介绍了nginx中的健康检查方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • Nginx日志自定义记录以及启用日志缓冲区详解

    Nginx日志自定义记录以及启用日志缓冲区详解

    这篇文章主要给大家介绍了关于Nginx日志自定义记录以及启用日志缓冲区的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Nginx具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-06-06
  • 详解Nginx location 匹配规则

    详解Nginx location 匹配规则

    本篇文章主要介绍了Nginx location 匹配规则，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • 强大的Nginx配置生成器详解

    强大的Nginx配置生成器详解

    Nginx Config 是一款可以一键生成 Nginx 配置的神器，相当给力，这篇文章主要介绍了强大的Nginx配置生成器,需要的朋友可以参考下
    2022-11-11
  • Nginx访问静态资源配置的实现步骤

    Nginx访问静态资源配置的实现步骤

    Nginx 擅长于底层服务器端资源的处理,例如静态资源处理转发、反向代理,负载均衡等,本文主要介绍了Nginx访问静态资源配置的实现步骤,具有一定的参考价值,感兴趣的可以了解一下
    2023-09-09
  • Nginx出现403 Forbidden的四种解决方案分享

    Nginx出现403 Forbidden的四种解决方案分享

    这篇文章主要给大家分享了关于Nginx出现403 Forbidden的四种解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-09-09
  • 在ubuntu下为nginx配置支持cgi脚本的方案

    在ubuntu下为nginx配置支持cgi脚本的方案

    本文的需求：让nginx能够解析.cgi后缀的文件，相信会特意看这篇文章的人对CGI是什么及其作用已经有了足够的了解，所以在这里不再赘述，直接开始配置。
    2017-02-02

最新评论