Nginx 配置 HTTPS 与 WSS 完整指南(最新推荐)

 更新时间:2025年05月14日 12:29:12   作者:Ziegler Han  
本教程将手把手教你如何为网站配置 HTTPS 加密访问,并通过反向代理实现安全的 WebSocket(WSS)通信,感兴趣的朋友跟随小编一起看看吧

Nginx 配置 HTTPS 与 WSS 完整指南

本教程将手把手教你如何为网站配置 HTTPS 加密访问,并通过反向代理实现安全的 WebSocket(WSS)通信。以 https://www.zhegepai.cn 域名为例,完整流程约需 30 分钟完成。

一、前置准备

1.1 域名注册(示例)

• 已注册域名:www.zhegepai.cn
• 确认域名已解析到服务器 IP
• 推荐 DNS 检查工具:dig www.zhegepai.cnDNS Checker

1.2 SSL 证书获取

免费证书:推荐使用 Let’s Encrypt 通过 Certbot 工具自动签发
商业证书:阿里云/腾讯云等平台购买(示例使用)
• 最终需要两个文件:
• 证书链文件:www.zhegepai.cn.pem
• 私钥文件:www.zhegepai.cn.key

二、Nginx 核心配置

2.1 文件结构准备

# 创建证书存放目录
sudo mkdir -p /etc/nginx/ssl/
# 上传证书文件到指定位置
sudo cp www.zhegepai.cn.pem /etc/nginx/ssl/www.zhegepai.cn.pem
sudo cp www.zhegepai.cn.key /etc/nginx/ssl/www.zhegepai.cn.key

2.2 主配置文件

/etc/nginx/nginx.conf

# 用户权限配置
user nginx;
worker_processes auto;
pid /run/nginx.pid;
# 动态模块加载
include /usr/share/nginx/modules/*.conf;
events {
    worker_connections 1024;
}
http {
    # 基础日志格式
    log_format main '$remote_addr - $remote_user [$time_local] "$request" '
                    '$status $body_bytes_sent "$http_referer" '
                    '"$http_user_agent" "$http_x_forwarded_for"';
    access_log  /var/log/nginx/access.log  main;
    # 性能优化参数
    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    # HTTPS 服务器配置
    server {
        listen 443 ssl http2;
        server_name www.zhegepai.cn;
        root /var/www/EasyTools;
        # SSL 证书配置
        ssl_certificate /etc/nginx/ssl/www.zhegepai.cn.pem;
        ssl_certificate_key /etc/nginx/ssl/www.zhegepai.cn.key;
        # 安全协议配置
        ssl_protocols TLSv1.2 TLSv1.3;
        ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-CHACHA20-POLY1305;
        ssl_prefer_server_ciphers on;
        ssl_session_cache shared:SSL:10m;
        ssl_session_timeout 10m;
        # WebSocket 代理配置
        location /ws {
            proxy_pass http://127.0.0.1:8765;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            proxy_set_header Host $host;
            proxy_read_timeout 86400s;
        }
        # 安全响应头
        add_header Strict-Transport-Security "max-age=31536000" always;
        add_header X-Content-Type-Options "nosniff" always;
        add_header X-Frame-Options "SAMEORIGIN" always;
    }
    # HTTP 重定向配置
    server {
        listen 80;
        server_name www.zhegepai.cn;
        return 301 https://$host$request_uri;
    }
}

三、关键配置解析

3.1 HTTPS 强化配置

参数作用说明推荐值
ssl_protocols允许的 TLS 协议版本TLSv1.2 TLSv1.3
ssl_ciphers加密套件白名单ECDHE 系列优先
ssl_session_cache会话缓存提升性能shared:SSL:10m
add_header添加 HSTS 等安全响应头根据业务需求调整

3.2 WebSocket 反向代理

location /ws {
    proxy_pass http://localhost:8765; # 本地 WS 服务端口
    proxy_http_version 1.1;          # 必须使用 HTTP/1.1
    proxy_set_header Upgrade $http_upgrade; # 协议升级
    proxy_set_header Connection "upgrade"; # 保持长连接
    proxy_read_timeout 86400s;       # 24小时超时防止断开
}

四、部署与测试

4.1 服务端操作

# 语法检查
sudo nginx -t
# 重载配置
sudo systemctl reload nginx
# 查看运行状态
sudo systemctl status nginx

4.2 客户端测试

Https测试,浏览器打开:https://www.zhegepai.cn

WSS测试脚本,创建 test-wss.html

<!DOCTYPE html>
<html>
<head>
    <title>WSS 连接测试</title>
</head>
<body>
    <h1 id="status">测试中...</h1>
    <script>
        const socket = new WebSocket('wss://www.zhegepai.cn/ws');
        socket.onopen = () => {
            document.getElementById('status').textContent = 
                '[成功] 连接已建立: ' + socket.url;
        };
        socket.onerror = (error) => {
            document.getElementById('status').textContent = 
                '[失败] 连接错误: ' + error.type;
        };
    </script>
</body>
</html>

本地双击浏览器直接打开测试:

五、常见问题排查

5.1 证书相关错误

# 检查证书路径权限
ls -l /etc/nginx/ssl/
# 应显示 -rw-r--r-- 权限
# 验证证书链完整性
openssl verify -CAfile www.zhegepai.cn.pem www.zhegepai.cn.pem

5.2 WebSocket 连接失败

# 在 location /ws 中添加调试日志
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
access_log /var/log/nginx/ws-access.log main;

5.3 性能优化建议

  • 启用 OCSP Stapling 减少 SSL 握手时间
  • 配置 SSL 会话票据(tickets)提升复用率
  • 使用 nginx -V 确认编译时启用了 HTTP/2 模块

通过本文的配置,您的网站将获得:
• 全站 HTTPS 加密传输
• 安全的 WebSocket 通信
• A+ 等级的 SSL Labs 测试评分
• 防御常见 Web 攻击的能力

实际部署时请根据业务需求调整超时时间、CSP 策略等参数。建议每 3 个月检查 SSL 证书有效期,保持服务安全稳定。

到此这篇关于Nginx 配置 HTTPS 与 WSS 完整指南的文章就介绍到这了,更多相关Nginx 配置 HTTPS 与 WSS内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Ubuntu系统下的Nginx服务器软件安装时的常见错误解决

    Ubuntu系统下的Nginx服务器软件安装时的常见错误解决

    这篇文章主要介绍了Ubuntu系统下的Nginx服务器软件安装时的常见问题解决,包括彻底卸载Nginx的方法介绍,需要的朋友可以参考下
    2016-03-03
  • Nginx实现404页面的配置方法的两种方法

    Nginx实现404页面的配置方法的两种方法

    在使用Nginx作为Web服务器时,配置404页面是一项基本需求,本文介绍了两种配置404页面的方法,这两种方法各有特点,可以根据实际需求选择适合的配置方式
    2024-09-09
  • nginx编译安装及常用参数详解

    nginx编译安装及常用参数详解

    这篇文章主要介绍了nginx编译安装及常用参数详解,一种是基于ansible role实现编译安装nginx以及编译安装参数详解,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-01-01
  • Nginx如何安装withSSL模块

    Nginx如何安装withSSL模块

    这篇文章主要介绍了Nginx如何安装withSSL模块,Nginx 配置文件,开启ssl访问时经常报错,原因是由于nginx缺少http_ssl_module模块,编译安装的时候带上 --with-http_ssl_module 配置就行了,感兴趣的朋友跟随小编一起看看吧
    2024-04-04
  • 配置Nginx实现简单防御cc攻击

    配置Nginx实现简单防御cc攻击

    本文主要介绍lua+Nginx下如何快速有效得防御CC攻击。至于如何安装Nginx就不详细介绍了,闲话少说,大家请看示例
    2018-02-02
  • Windows环境下Nginx 服务器 SSL 证书安装部署操作过程

    Windows环境下Nginx 服务器 SSL 证书安装部署操作过程

    这篇文章主要介绍了Windows环境下Nginx 服务器 SSL 证书安装部署,指导您如何在Windows Nginx 服务器中安装 SSL 证书,本文给大家讲解的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-10-10
  • nginx进行端口转发的实现

    nginx进行端口转发的实现

    本文主要介绍了nginx进行端口转发的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-03-03
  • Nginx配置ssl支持https全过程(docker版)

    Nginx配置ssl支持https全过程(docker版)

    在Docker环境中配置Nginx使用SSL涉及准备SSL证书和密钥、编写Nginx配置文件以及使用Docker运行Nginx,首先,需获取SSL证书和密钥,可以是自签名或由CA颁发,编写Nginx配置文件时,确保正确引用证书和密钥路径,通过Docker命令或Docker Compose运行Nginx容器
    2024-10-10
  • 解决Nginx location中配置proxy_pass转发时斜线‘/‘导致404问题

    解决Nginx location中配置proxy_pass转发时斜线‘/‘导致404问题

    这篇文章主要介绍了解决Nginx location中配置proxy_pass转发时斜线‘/‘导致404问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-05-05
  • Nginx中proxy_pass指令斜杠的作用及说明

    Nginx中proxy_pass指令斜杠的作用及说明

    这篇文章主要介绍了Nginx中proxy_pass指令斜杠的作用及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-05-05

最新评论