解决 Django 使用 Channels创建WebSocket时报错

最新推荐文章于 2023-11-20 18:18:43 发布
最新推荐文章于 2023-11-20 18:18:43 发布
阅读量632 收藏
点赞数
分类专栏： Python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41032991/article/details/105255429
版权
在使用Django Channels创建WebSocket时遇到报错。问题在于，当网页使用https协议时，WebSocket应使用wss安全协议进行连接。解决方案是将WebSocket的创建代码更改为使用wss协议，参考相关教程可以解决此问题。
摘要由CSDN通过智能技术生成

js代码

var chatSocket = new WebSocket(
    'ws://' + window.location.host + '/ws/chat/' + roomName + '/'
    );

报错，无法创建WebSocket

原因：
ws 也是一种协议
和http有对应得https协议类似
ws也有wss协议与之对应
当调用WebSocket的页面使用的是https协议时
创建WebSocket时也应使用wss协议
代码改为


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  硅基憨憨
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
django开发版WEB服务器 不响应或Socket报错

				
			

			

				

					wangli61289的专栏
				

				

					05-20
					
					7559
					
				

			

		

		

			
				
IE9 + django开发版WEB服务器 不响应或Socket报错
Exception happened during processing of request from ('127.0.0.1', 49710)
Traceback (most recent call last):
  File "C:/Python26/Lib/SocketServer.py", line 283, in 

			
		

	



                

              
                



	

		

			

				
					
Django+channels使用WebSocket报错解决方案

				
			

			

				

					qq_38327141的博客
				

				

					07-20
					
					1397
					
				

			

		

		

			
				
Django+channels使用WebSocket报错解决方案开发环境WebSocket ASGI 配置代码routingchatusers.routingChatServicedjango 启动报错代码浏览器django 报错界面报错原因ChatService 修改成功截图Django端浏览器端
开发环境
channels==3.0.4
Django==3.2
django-werkzeug-debugger-runserver==0.3.1
django-extensions==3.1.3

WebS

			
		

	



                


  
              

                


	

		

			

				
					
websocket报错集锦-不断更新中

				
			

			

				

					tangdou369098655的博客
				

				

					02-25
					
					3968
					
				

			

		

		

			
				
DOMException: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.

			
		

	





	

		

			

				
					
有关使用websocket出现的报错

				
			

			

				

					weixin_49065682的博客
				

				

					07-28
					
					6835
					
				

			

		

		

			
				
出现WebSocketconnectionto'ws//000.000.0.00xxxx/ws'failedWebSocketopeninghandshaketimedout。这种情况是因为websocket建立失败的连接，这种情况大部分是因为后端给的ws端口号是错的，就是我上面写的xxxx,需要更换正确的端口号。...

			
		

	



		

			
		



	

		

			

				
					
websocket连接失败

				
			

			

				

					狂云歌的专栏
				

				

					06-26
					
					1万+
					
				

			

		

		

			
				
websocket连接失败@(markdown) 
最近项目里调试websocket相关的nodejs实现的server，刚接触web开发的小伙伴们对websocket协议不熟悉，遇到问题很容易悲剧。这里只说自己理解的部分以及解决问题的经验吧。 
首先，nodeserver用的socketio，于是写了个页面，用js发起websocket握手，发现一直是longpoll，猜测webserver不支持

			
		

	





	

		

			

				
					
Websocket————错误总结

				
			

			

				

					Tinywan
				

				

					10-25
					
					2274
					
				

			

		

		

			
				

  
    
			websocket
一、需要注意的是，js建立连接处完整的js代码要执行完成退出后才会真正发起建立连接请求，如果在此之前发送消息则会报错如下：

InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable

解决办法：在websocket已...

			
		

	





	

		

			

				
					
websocket常见错误

				
			

			

				

					weixin_30951389的博客
				

				

					07-11
					
					1532
					
				

			

		

		

			
				
当websockt连接是open的时候send()方法传送数据，当连接关闭或获取不到的时候回抛出异常。
一个通常的错误是人们喜欢在连接open之前发送消息。如下所示：

// 这将不会工作
var ws = new WebSocket("ws://echo.websocket.org")
ws.send("Initial data");

正确的姿势如下，应该等待open事件触发后再...

			
		

	





	

		

			

				
					
线上websocket连接failed问题

					
最新发布

				
			

			

				

					a_biggerfish的博客
				

				

					11-20
					
					1038
					
				

			

		

		

			
				
本地连接websocket都可以连接成功，但是发布到线上就一直报错连接失败，先从服务器安全组检查起，看安全组是否添加。如果以上都有了，那么再看nginx部署你关于wss，websocket的接口转发里面有没有添加请求头。使用sudo netstat -tuln | grep 443 查看是否含有443。#http升级会websocket需要添加的请求头。使用 sudo iptables -L -n命令查看防火墙配置。，然后检查服务器防火墙是否添加443端口。查看防火墙有443配置后。

			
		

	





	

		

			

				
					
前端创建WebSocket时报错，怎么捕获异常

				
			

			

				

					qq_25454293的博客
				

				

					03-17
					
					3742
					
				

			

		

		

			
				
第一种说法明显不可以，这是创建时出错，这时WebSocket对象还没有创建成功，它哪里来的onerror方法。在手机上编辑的，代码格式有点乱，将就一下，一会儿回去用电脑改一下。前端new WebSocket();1.在onerror的回调中捕获。如果有用麻烦给个赞😄😄😄😄😄😄😄。2.设计缺陷，捕获不了。

			
		

	





	

		

			

				
					
django+channels实现websocket的坑

				
			

			

				

					juyuyh的博客
				

				

					07-03
					
					902
					
				

			

		

		

			
				
官方教程

https://channels.readthedocs.io/en/latest/tutorial/index.html

细节

库


pip install channels

pip install channels-redis

settings


# Channels
ASGI_APPLICATION = 'websocketTest.routing.applicati...

			
		

	





	

		

			

				
					
Django channels layer 使用redis在windows环境下报错问题的解决

				
			

			

				

					weixin_44205184的博客
				

				

					05-23
					
					621
					
				

			

		

		

			
				
项目场景：
Django Channels的channels-layer配置redis遇到连接问题：
Django Channels 配置了channels-layer为redis，用以实现群聊。在MacOS开发环境下一切正常，部署到服务器上后客户端始终连接不到ws服务。

问题描述

websocket连接刚刚连上就断开

前端控制台显示，连接成功，秒断，显示连接错误：
反复尝试均不能正常连接。
windows的django、django-channels、channels-redis均重新安装
依旧不能

			
		

	





	

		

			

				
					
Netty 运行一段时间后读不到数据，消息积压解决方法，适合初学者。

				
			

			

				

					qq_37669467的博客
				

				

					10-23
					
					2882
					
				

			

		

		

			
				
要解决 Netty 运行一段时间后读不到数据的问题，需要从多个方面进行排查，包括网络、配置、缓冲区、连接状态、超时设置和数据处理逻辑等。通过调整合适的参数和检查代码逻辑，可以解决该问题。

			
		

	





	

		

			

				
					
一个简单的聊天室案例（基于netty+websocket）

				
			

			

				

					戴怀财
				

				

					07-29
					
					372
					
				

			

		

		

			
				
1.------------------------webSocketServer 主要是用于启动netty服务------------------


/**
 * 启动WebSocketServer
 */
@Component
public final class WebSocketServer {

    static final boolean SSL = System.getProperty("ssl") != null;

    public void start(Integer port

			
		

	





	

		

			

				
					
Vue第12篇，Vue项目使用WebSocket时报错: connection to ‘ws://...‘failed: Error in connection establish

				
			

			

				

					weixin_65793170的博客
				

				

					12-01
					
					2万+
					
				

			

		

		

			
				
报错如下，意思是连接到'ws://…'failed:连接建立错误；connection to ‘ws://...‘failed: Error in connection establish

			
		

	





	

		

			

				
					
WebSocket协议错误码详解

				
			

			

				

					博客
				

				

					08-22
					
					2789
					
				

			

		

		

			
				
WebSocket错误码的定义和范围：WebSocket协议规定了一套错误码，其范围是从1000到4999。这些错误码用于表示WebSocket通信过程中发生的各种异常情况。错误码的分类和含义：WebSocket错误码可以分为几个主要的分类，每个分类代表一种特定的错误类型。其中，常见的错误码包括1000、1001、1002、1003、1005、1006、1011和1015。下面将对这些错误码进行详细解析。WebSocket协议错误码在WebSocket通信中扮演着重要的角色，用于表示通信状态和错误类型。

			
		

	





	

		

			

				
					
HTTPS站点使用WebSocket的错误及解决方案

					
热门推荐

				
			

			

				

					joshua317的博客
				

				

					09-10
					
					3万+
					
				

			

		

		

			
				
本文为joshua317原创文章,转载请注明：转载自joshua317博客HTTPS站点使用WebSocket的错误及解决方案 - joshua317的博客

HTTPS站点使用WebSocket的错误及解决方案

1.在https下使用ws，提示不安全

第一个问题：在https站点下，使用ws://im.joshua317.com报错，报错信息如下：


Mixed Content: The page at 'https://www.joshua317.com/1.html' was loaded ..

			
		

	





	

		

			

				
					
使用WebSocket时遇到的问题

				
			

			

				

					weixin_42475367的博客
				

				

					11-20
					
					4367
					
				

			

		

		

			
				
问题一：连接失败

这个时候要注意 wss 和 ws 的区别

协议标识符是ws（如果加密，则为wss），服务器网址就是 URL。
WS（WebSocket ）是不安全的 ，容易被窃听，因为任何人只要知道你的ip和端口，任何人都可以去连接通讯。
WSS（Web Socket Secure）是WebSocket的加密版本。
所以线上建议使用WSS
本地测试这样写
var ws = new WebSocket('ws://localhost:8080');

线上使用域名的情况下这样写
var ws = new

			
		

	





	

		

			

				
					
websocke在django中使用

				
			

			

				

					python_web全栈
				

				

					02-09
					
					5266
					
				

			

		

		

			
				
0. websocket介绍：

待补充

一. 后端

1. 安装(基于django3.x)


 pip install channels

2. settings配置

a. app注册


INSTALLED_APPS = [
    'channels',
]


b. 配置变量


ASGI_APPLICATION = "qq_chart.asgi.application"
ASGI_APPLICATION = '当前项目名同名的文件名.asgi.application'

3. 修改asg..

			
		

	





	

		

			

				
					
js websocket建立连接时发送token给后端发送不了

				
			

			

				

					wzq1915414095的博客
				

				

					04-13
					
					1601
					
				

			

		

		

			
				
第一种方式，是降token明文携带在url中，当然很多人可能觉得这种方法不够安全，也不够优雅。
那第二种方式就是利用子协议数组，将token携带在protocols里，
var ws = new WebSocket(url, ["token1"]);

但是放在protocols的数据格式是有要求的，那就是不能有特殊符合，例如分号
作者就是被这个坑了，调试了好久，目前不知道是否还有其他符号不能传输，反正传 abcdefg1212121这个是可以传的，当然了后端得开放类似跨域请求的配置，就是 Sec-WebS

			
		

	





	

		

			

				
					
Django-channels 实现WebSocket实例

				
			

			

				

					05-13
				

			

		

		

			
				
好的，下面是一个简单的 Django-channels 实现 WebSocket 的示例：

首先，安装 Django-channels：

```
pip install channels
```

然后，在 Django 的 settings.py 中添加以下配置：

```python
INSTALLED_APPS = [
    ...
    'channels',
]

ASGI_APPLICATION = 'myproject.routing.application'

CHANNEL_LAYERS = {
    'default': {
        'BACKEND': 'channels.layers.InMemoryChannelLayer',
    },
}
```

在 myproject 目录下创建一个 routing.py 文件，添加以下内容：

```python
from channels.routing import ProtocolTypeRouter, URLRouter
from django.urls import path
from myapp.consumers import MyConsumer

application = ProtocolTypeRouter({
    'websocket': URLRouter([
        path('ws/', MyConsumer.as_asgi()),
    ]),
})
```

在 myapp 目录下创建一个 consumers.py 文件，添加以下内容：

```python
from channels.generic.websocket import AsyncWebsocketConsumer
import json

class MyConsumer(AsyncWebsocketConsumer):
    async def connect(self):
        await self.accept()

    async def disconnect(self, close_code):
        pass

    async def receive(self, text_data):
        text_data_json = json.loads(text_data)
        message = text_data_json['message']

        await self.send(text_data=json.dumps({
            'message': message
        }))
```

在你的模板中添加以下 JavaScript 代码，用于连接 WebSocket 和发送消息：

```javascript
const socket = new WebSocket('ws://' + window.location.host + '/ws/');

socket.onmessage = function(e) {
    const data = JSON.parse(e.data);
    console.log(data);
};

socket.onclose = function(e) {
    console.error('Chat socket closed unexpectedly');
};

document.querySelector('#chat-message-input').focus();
document.querySelector('#chat-message-input').onkeyup = function(e) {
    if (e.keyCode === 13) {  // enter, return
        document.querySelector('#chat-message-submit').click();
    }
};

document.querySelector('#chat-message-submit').onclick = function(e) {
    const messageInputDom = document.querySelector('#chat-message-input');
    const message = messageInputDom.value;
    socket.send(JSON.stringify({
        'message': message
    }));
    messageInputDom.value = '';
};
```

最后，启动 Django 服务器，打开浏览器访问你的应用程序，进入调试器，打开控制台，你应该可以看到从服务器发送的消息。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值