搭建 https 服务器和 websocket 服务器指南

本文介绍了基于Nginx搭建HTTPS和WebSocket服务器的方法。首先进行环境准备,下载nginx和openssl并配置环境变量。接着配置HTTPS服务器访问,生成CA根证书和终端用户证书,完成HTTPS服务器搭建。最后在HTTPS服务基础上搭建WebSocket服务器,并进行验证。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

环境准备

  1. 操作系统:win10
  2. 下载 nginxopenssl

安装目录不含有中文和有空格 推荐D:/program_files/nginx 或者 /openssl

  1. 配置openssl环境变量
    首先配置OPENSSL_HOME 路径,将OPENSSL_SSL路径填入path中

配置 https 服务器访问

在nginx 安装目录下创建ssl文件,用来存放openssl 生成的key crt scr等证书

生成CA根证书

  1. 在ssl目录下准备ca配置文件,得到ca.conf,内容如下:
[ req ]
default_bits       = 4096
distinguished_name = req_distinguished_name

[ req_distinguished_name ]
countryName                 = Country Name (2 letter code)
countryName_default         = CN
stateOrProvinceName         = State or Province Name (full name)
stateOrProvinceName_default = shanghai
localityName                = Locality Name (eg, city)
localityName_default        = pudong
organizationName            = Organization Name (eg, company)
organizationName_default    = bes
commonName                  = Common Name (e.g. server FQDN or YOUR name)
commonName_max              = 64
commonName_default          = bes test

ps:可以修改 countryName_default stateOrProvinceName_default localityName_default organizationName_default commonName_default 的值

  1. 生成ca秘钥,得到ca.key
 openssl genrsa -out ca.key 4096
  1. 生成ca证书签发请求,得到ca.csr
openssl req  -new -sha256 -out ca.csr -key ca.key -config ca.conf

配置文件中已经有默认值了,shell交互时一路回车就行

  1. 生成ca根证书,得到ca.crt
openssl x509 -req -days 3650  -in ca.csr  -signkey ca.key -out ca.crt

生成终端用户证书

  1. 准备配置文件,得到server.conf
[ req ]
default_bits       = 2048
distinguished_name = req_distinguished_name
req_extensions     = req_ext

[ req_distinguished_name ]
countryName                 = Country Name (2 letter code)
countryName_default         = CN
stateOrProvinceName         = State or Province Name (full name)
stateOrProvinceName_default = shanghai
localityName                = Locality Name (eg, city)
localityName_default        = pudong
organizationName            = Organization Name (eg, company)
organizationName_default    = bes
commonName                  = Common Name (e.g. server FQDN or YOUR name)
commonName_max              = 64
commonName_default          = www.bestest.com

[ req_ext ]
subjectAltName = @alt_names

[alt_names]
DNS.1   = www.bes-go.com
DNS.2   = www.bes2015.com
IP      = 192.168.137.1

ip 地址就是本机作为服务器的地址

  1. 生成秘钥,得到server.key
openssl genrsa -out server.key 2048
  1. 生成证书签发请求,得到server.csr
 openssl req -new -sha256 -out server.csr -key server.key -config server.conf

配置文件中已经有默认值了,shell交互时一路回车

  1. 用CA证书生成终端用户证书,得到server.crt
openssl x509 -req  -days 3650 -CA ca.crt -CAkey ca.key -CAcreateserial -in server.csr 
-out server.crt -extensions req_ext -extfile server.conf

https服务器搭建

  1. 把生成好的server.crt 和server.key 拷贝到nginx的conf文件夹中,和nginx.conf同级目录

  2. conf/nginx.conf 文件配置 增加证书和资源读取的目录(mp3文件配置)

    # HTTPS server
    server {
        listen       443 ssl;
        server_name  localhost;
        
+       ssl   on;
+       ssl_certificate          server.crt;
+       ssl_certificate_key  server.key; 
               
        ssl_session_cache    shared:SSL:1m;
        ssl_session_timeout  5m;

        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

        location / {
            root     html
            index  index.html index.htm;
        }
+        location ~* \.mp3 {
+            root D:\\program_files\\nginx-1.14.2\\audio\\;
+        }
    }
  1. 改hosts
    客户端机器,Windows系统本地测试,改下hosts以访问域名
    C:\Windows\System32\drivers\etc\hosts
    添加如下内容
127.0.0.1 www.bestest.com
  1. 添加CA根证书

ca.crt安装,安装到“受信任的根证书颁发机构”

浏览器操作:设置->高级

按照图片操作,将生成的server.crt导入
  1. nginx 服务器启动
 start nginx  //启动服务器
 nginx -s quit //关闭服务器
  1. 访问浏览器 安全 如下图:

以上表示nginx 搭建成功

  1. 配置 多媒体资源
    在步骤2中,nginx.conf指定audio目录,这个是在ngnix目录下创建audio目录,放置mp3文件资源,然后就可以访问mp3文件了
+        location ~* \.mp3 {
+            root D:\\program_files\\nginx-1.14.2\\audio\\;
+        }

重新启动 nginx,可以播放音频资源

https 搭建完成

websocket 服务器搭建

websocket服务器创建是基于https服务基础上增加

  1. 下载 websocketd 将解压的websocketd 文件夹放置在没有空格的英文路径下

  2. nginx.conf 配置 指定websocketd的路径

    # HTTPS server
    server {
        listen       443 ssl;
        server_name  localhost;
+       root    D:\program_files\nginx-1.14.2\websocketd-0.3.0-windows_amd64; 
        
       ssl   on;
      ssl_certificate          server.crt;
       ssl_certificate_key  server.key; 
               
        ssl_session_cache    shared:SSL:1m;
        ssl_session_timeout  5m;

        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

        location / {
             root   html;
            index  index.html index.htm;
        }
        location ~* \.mp3 {
            root D:\\program_files\\nginx-1.14.2\\audio\\;
        }
    }
  1. 验证 websocket
  • 在 websocket目录创建hi.bat脚本
@echo off
set datevar=%date:~0,4%%date:~5,2%%date:~8,2%
echo %datevar% hi
  • 把hi.bat,server.crt和server.key放到websocketd.exe目录下
  • 启动服务
websocketd.exe --port=9004 --ssl --sslcert=server.crt --sslkey=server.key hi.bat
  • nginx html 目录下的index.html 中增加脚本 如下
<script>
    var wss = new WebSocket('wss://www.bestest.com:9004');
    wss.onmessage = function (e) {
        console.log(e.data);
    }
</script>
  • 浏览器再次访问https://192.168.137.1 (同时打开开发者模式检查network)

    控制台中打印了服务端推送的消息 时间和hi

  • 可以使用wireshark抓包


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值