websocket ws + wss 通信

I. 简介

websocket可以实现js代码与python代码的通信,其主要优势在于可以维持长连接,减少通信的平均报文长度。websocket有两种通信方式,不安全的ws和安全的wss。websocket的第一次连接采用https报文的方式,后续使用协议内的报文方式。

相关资料链接
WebSocket协议:5分钟从入门到精通


II. ws通信

ws只支持本地的websocket通信,实现起来也较为简单。

  • 服务器端
    在这里插入图片描述

  • 客户端
    在这里插入图片描述

  • js网页端
    在这里插入图片描述

相关资料链接
HTML5 WebSocket 菜鸟教程
Websocket官方文档


III. wss通信

wss是安全的ws。使用wss访问websocket服务器需要ssl证书。对于域名而言,各类ssl证书都可以绑定;对于公网ip,目前只有Globalsign的ov ssl证书支持绑定。wss通信对于端口没有要求,任意未被占用的端口都可以被用来进行websocket通信。

相关资料链接
ssl python官方文档
数字证书、公钥和私钥这三者之间的关系是什么

对于证书生成而言,可以自己使用openssl生成自签名证书(下面第一个相关资料有证书的生成方法,不过建议用ssl python 官方文档里的命令生成,其实只需要private key和 certificate),阿里云也有免费的DV证书,DV,OV和EV证书都有付费版本,选购前最好考虑清楚需求。对于自签名证书,openssl生成证书时的选项common name就是指证书绑定的域名,如果想绑定本地,就填localhost.

相关资料链接
Windows安装使用Openssl
申请SSL证书,建议先看完这14个问题

wss对于通信双方都需要证书,如果是程序的服务器和客户端,两者需要同一份证书,且需要pem结尾格式。如果是网页端的js代码,则需要把cer文件类型的证书添加到浏览器中,cer文件是上述pem文件的二进制版。

相关资料链接
如何让chrome信任自签名证书?
iOS https自签名证书— xxx.crt 转化成xxx.cer 格式
websocket - Error in connection establishment: net::ERR_INSECURE_RESPONSE

最后是wss的实例代码:

代码的客户端和服务器端都需要绑定证书:

  • 服务器端:
    在这里插入图片描述

  • 客户端:
    在这里插入图片描述

  • js网页端:
    这一项其实只需要把ws改为wss,最重要的是要给浏览器添加证书。


我做的工作是实现从外网的网页端上使用websocket客户端与服务器websocket服务器端进行通信。对于以上有任何不够详细或者不明白的地方,欢迎讨论学习。

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
WebSocket是一种在单个TCP连接上进行全双工通信的协议,常用于实时应用程序,如在线聊天、游戏等。WSSWebSocket的加密版本,通过使用SSL/TLS协议来保护数据传输,提供了安全的通信环境。 配置WSSWebSocket over SSL)通常涉及到以下几个步骤: 1. **服务器端设置**: - 使用支持SSL/TLS功能的服务器库,如Node.js的`https`模块或Java的Jetty。 - 创建一个HTTPS服务器,加载SSL证书和私钥。证书用于客户端验证服务器的身份,私钥用于加密和解密数据。 ```javascript (Node.js, using https module): const https = require('https'); const fs = require('fs'); const options = { key: fs.readFileSync('path/to/private.key'), cert: fs.readFileSync('path/to/certificate.crt'), port: 8443, requestCert: true, rejectUnauthorized: true, server: { ws: true }, }; https.createServer(options, (req, res) => { // WebSocket handling logic here }).listen(options.port); ``` 2. **WebSocket处理**: - 在服务器上启用WebSocket支持,监听`upgrade`请求,并转换为WebSocket连接。 ```javascript: if (req.method === 'GET' && req.url === '/ws') { req.socket.on('upgrade', (socket, head, req) => { // Upgrade to WebSocket connection const ws = new WebSocket.Server({ server: socket }); ws.on('connection', wsClient => { // Handle WebSocket client connections }); }); } ``` 3. **客户端连接**: - 客户端使用`wss`而不是`ws`来建立连接,URL前缀加上`s`表示加密。 ```javascript (JavaScript client): const wss = new WebSocket('wss://yourdomain.com/ws'); wss.addEventListener('open', () => { // Connection established }); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值