websocket本地调试运行正常,部署服务器报302错误

前后端分离项目,本地调试运行一切正常。部署到服务器后,websocket连接报错。

报错: Error during WebSocket handshake: Unexpected response code: 302

错误原因:

1、nginx中缺少支持websocket配置

在后台server location中加入三行:

    location  {
        # WebScoket Support
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";

}

 

2、后台权限控制shiro加入

filterChainDefinitionMap.put("/websocket/**", "anon");

这里的路径是自定义的,根据自己项目情况修改。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信云开发提供了 WebSocket 云函数的部署服务,可以方便地搭建 WebSocket 服务器。 以下是部署 WebSocket 服务器的步骤: 1. 在微信公众平台申请开通云开发功能,并创建一个云开发环境。 2. 在云开发控制台中,创建一个云函数。选择“WebSocket 云函数”类型,并命名为“websocket-server”。 3. 在“websocket-server”云函数的代码编辑器中,将以下代码复制进入: ```javascript const io = require('socket.io')(process.env.TCB_SOCKET_SERVER_SDK_SERVER_URL); exports.main = async (event, context) => { console.log('event:', event); console.log('context:', context); const { WebSocketServer } = require('ws'); const wss = new WebSocketServer({ port: 3000 }); wss.on('connection', function connection(ws) { console.log('client connected!'); ws.on('message', function incoming(message) { console.log('received: %s', message); ws.send(`server received: ${message}`); }); }); console.log(`websocket server is listening on port ${wss.options.port}`); return { code: 0, message: `websocket server is listening on port ${wss.options.port}` }; } ``` 4. 点击“部署”按钮,等待云函数部署完成。 5. 在微信公众平台开发者工具中,创建一个新项目,并选择“云开发快速启动模板”。 6. 进入项目根目录,创建一个名为“websockets.js”的文件,并将以下代码复制进入: ```javascript const socket = require('socket.io-client')(process.env.TCB_SOCKET_SERVER_SDK_CLIENT_URL); socket.on('connect', () => { console.log('connected to websocket server.'); }); socket.on('event', data => { console.log('event:', data); }); socket.on('disconnect', () => { console.log('disconnected from websocket server.'); }); socket.emit('message', 'hello'); socket.on('message', message => { console.log('received:', message); }); ``` 7. 在开发者工具中,右键点击“cloudfunctions”文件夹,选择“创建云函数文件夹”。输入名称“websocket-server”。 8. 将“websockets.js”文件放入“websocket-server”文件夹中。 9. 点击“上传并部署”按钮,等待云函数部署完成。 10. 在开发者工具中,点击“工具”菜单,选择“启动 WebSocket 调试服务”。等待启动完成后,点击“打开调试页面”按钮。 11. 在调试页面中,查看控制台输出,确认 WebSocket 连接成功,并能收到服务器发送的消息。 至此,WebSocket 服务器部署就完成了。你可以在客户端中使用 socket.io 连接服务器,进行实时通信。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值