1 基础介绍
1.1 什么是WebSocket
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，它可以让客户端和服务器之间进行实时的双向通信。与传统的 HTTP 请求不同，WebSocket 使用了一个长连接，在客户端和服务器之间保持持久的连接，从而可以实时地发送和接收数据。在 WebSocket 中，客户端和服务器之间可以互相发送消息。客户端可以使用 JavaScript
原创
2024-04-21 09:13:38
168阅读
首先，需要在前端应用中建立一个WebSocket连接以与服务器进行通信。const socket = new WebSocket('ws://服务器地址');Web Workers使得我们能够在后台运行JavaScript代码，从而不会阻塞主线程。我们将使用两个Web Workers，一个用于发送UDP消息，另一个用于接收UDP消息。然后需要编写一个JavaScript文件来定义发送UDP消息的W
原创
2024-04-30 15:46:22
1143阅读
websocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行的全双工通讯(双向数据传输)的协议。主要功能是支持服务端主动向客户端推送数据，这期间只需要浏览器和服务器完成一次握手，就可以创建连接并进行双向数据传输。在这份协议之前网站为了实现信息推送技术常用轮询的方式 ...
转载
2021-09-18 16:05:00
546阅读
2评论
# 实现WebSocket前端Vue教程
## 概述
在本教程中，我们将学习如何在Vue.js中使用WebSocket实现实时通信功能。WebSocket是一种在浏览器和服务器之间进行全双工通信的技术，可以实时传输数据，非常适合开发实时聊天、实时数据更新等功能。
### 步骤概览
下面是实现WebSocket前端Vue的步骤概览：
| 步骤 | 描述 |
|---
原创
2024-05-22 09:57:12
182阅读
1、安装插件 ...
转载
2021-08-09 12:48:00
219阅读
2评论
python模拟发送websocket请求的模块 pip3 install websocket-client 基于 websocket-client 的示例代码 from websocket import WebSocketApp def on_open(ws): print("on_open",
var ws = new WebSocket("ws://localhost:8080");ws.onopen = function() { ws.send("hello");};ws.onmessage = function (e) { console.log(e.data);};ws.onclose = function() { console.log...
原创
2023-03-03 00:20:25
268阅读
WebSocket一个更简单的解决方案是使用单个TCP连接双向通信。这就是WebSocket协议所提供的功能。 结合We
原创
2023-04-05 10:58:41
259阅读
创建websocket对象，参数为服务器websockets地址：websocket = new WebSocket("ws:127.0.0.1:7001");1、发送文本数据websocket.send('我太笨了，不知道你说的是啥')2、发送对象数据发送对象的话需要通过 JSON.parse() 和JSON.Stringify()来转换成字符串发送，接收到之后解析字符串来实现，当然还有其他的方
原创
2024-04-18 23:42:19
659阅读
Websocket是HTML5中的一个传输数据控件。
眼下在主流的浏览器中都提供了支持。
关于websocket的相关协议能够在网上查到，关于怎样建立连接等操作大家能够查询协议获得。本文主要讨论怎样进行传输数据。
在client使用的是Chrome浏览器，在server端使用PHP开发websocket协议。
Websocket协议一个frame的标准格式：
0
转载
2017-06-17 08:26:00
1217阅读
2评论
<template> <view> <view class="">uniapp的websocket发送图片</view> <button type="default" @click="shangchuan()">上传</button> </view></template><scri
原创
2022-07-11 16:03:05
1108阅读
首先，WebSocket是基于TCP连接的，TCP连接有keepalive机制，检测双方是否正常，但是keepalive有一定的局限性: 1.client异常挂死，此时keepalive机制无法反馈真实的client状态； 2.client 异常断电断网出现TCP假死keepalive并不能根本性解决问题，实际上互联网环境很不稳定；3.ws在应用层，基于传输层，在ws中操作TCP也很不方便。封装就
转载
2023-09-06 18:54:09
238阅读
一. 客户端服务端进行握手1.客户端向服务端发送握手包GET ws://localhost:8000/ HTTP/1.1
Host: localhost:8000
Connection: Upgrade
Pragma: no-cache
Cache-Control: no-cache
Upgrade: websocket
Origin: http://localhost:63342
Sec-Web
转载
2024-07-03 20:30:02
64阅读
WebSocket protocol 是HTML5一种新的协议，它实现了浏览器与服务器全双工通信(full-duple)。刚开始的握手需要借助HTTP请求完成，在 WebSocket API，浏览器和服务器只需要做一个握手的动作，然后浏览器和服务器之间就形成了一条快速通道，两者之间就直接可以数据互相
转载
2018-05-29 23:02:00
265阅读
2评论
<template> <view class="content"> <input class="uni-input" focus placeholder="自动获得焦点" v-model="msg" style="padding-top: 100rpx;"/> <image class="logo" src="/static/logo.png
原创
2022-07-11 16:06:21
749阅读
3评论
简介在实际项目中可能会使用到websocket，在使用过程中可能会存在一种问题就是，当网络异常断开时、或者websocket服务波动时，websocket会断开，导致异常，正常情况下，我们会采用心跳的方式来保持与服务器之间的通信，即客户端向服务端相互发送消息，正常情况下我们都会发送ping、pong消息。下面将使用python和简单的html进行简单的实现。python部分主要是实现websock
转载
2023-05-31 20:04:35
297阅读
目录1.websocket 简介2.实例2.1前台接、发消息2.2后台发消息2.3完整项目下载1.websocket 简介 2.实例2.1前台接、发消息 前台页面代码<script type="text/javascript">
var wsUri = "ws://localhost/Websocket/IMServer?userid=rz_${r
转载
2024-03-04 00:32:06
315阅读
<template> <view> <button @tap="startRecord">开始录音</button> <button @tap="endRecord">停止录音</button> <button @tap="playVoice">播放录音</button> &l
原创
2022-07-11 16:11:43
2590阅读
1评论
背景在创建聊天应用的基础上，我写了一篇关于服务器和浏览器之间的WebSocket通信的文章。用 Java 实现服务器，用 javascript 实现客户端。[过去关于套接字通信的文章] ・使用 Java 和 JavaScript与 Web 浏览器进行套接字通信① ・使用 Java 和 JavaScript 与 Web 浏览器进行套接字通信②这一次，我们将在修改聊天应用程序的同时学习“如何
转载
2024-04-16 09:15:03
47阅读
最近研究了下WebSocket，总结下目前对WebSocket的认知。本文不是基于WebSocket展开的一个从0到1的详细介绍。如果你从来没有了解过WebScoket，建议可以先搜一些介绍WebSocket的文章，这类文章还是挺多的，我就不再赘述了。下面的内容是基于你对WebSocket有基本了解后展开的几个小的知识点：ping/pong协议；如何使ERROR_INTERNET_DISCONNE
转载
2021-01-24 10:53:46
1165阅读
2评论
