WebSocket实现前后端交互
前端JavaScript代码：建立连接：前端使用webSocket API连接到后端PHP服务器（作为中转站）。这里，前端并不直接知道后端php服务器与第三方WebSocket服务器的交互细节。
通过WebSocket实现前后端交互，可以大大提高数据更新的效率和用户体验，特别是在需要频繁更新数据的场景中。
Stomp是一种简单的文本消息协议，允许客户端与任意STOMP代理交互。在项目中，通过@EnableWebSocketMessageBroker启用Socket代理，设置接口前缀，配置认证请求头以及跨域处理，使用withSockJS注册SockJS代理。认证信息类的设置有助于服务的启动和接口映射检查。
Stomp：一种简单的文本消息协议，允许客户端与任意STOMP代理交互。通过@EnableWebSocketMessageBroker启用Socket代理，并配置相关参数。建立WebSocket连接：客户端通过SockJS与服务器建立连接，服务器通过Stomp协议处理消息。
js文件构建完成，我们便基本完成了Vue端的实现。接下来，通过调用Vuex中的`store`，在前端页面中集成WebSocket功能。最后，前后端协同启动项目，并检查实现效果。在`StompJS`的配置中，确保设置正确以优化性能和稳定性。`StompJS`提供了一些关键配置选项，帮助开发者在实现WebSocket通信时进行调整和优化。
web后端和前端是怎么连接的
1、Web后端与前端的连接机制，主要通过后端接口向前端提供数据与功能支持。前端开发人员依据实际需求，通过发送http或WebSocket等协议的请求，至后端接口，获取所需的数据或执行特定的业务逻辑。常见的接口规范有RESTful API和GraphQL，开发团队依据这些规范进行前后端的开发工作。
2、WEB后端和WEB前端可以通过前端模板引擎与后端模板引擎进行连接。后端模板引擎：WEB前端开发人员开发好前端静态页面，然后交给WEB后端开发人员，他们再利用后端引擎模板（比如：freemarker）把前端页面与后端数据进行连接，形参一个动态页面。前端模板引擎：描述成前端模板引擎可能不太对，但是比较好理解吧。
3、web前端与后端的交互主要通过数据传递来实现，具体方式如下：表单数据提交：用户在前端页面上填写表单，如登录信息、注册信息、商品购买信息等。表单数据通过HTTP请求发送给后端服务器。后端服务器接收并处理这些数据，如验证用户身份、保存商品信息到数据库等。
一图看完8种常用网络协议
1、一图看完8种常用网络协议 网络协议是网络中两台计算机之间传输数据的标准语言。以下是8种常用的网络协议及其简要介绍，并通过图片进行直观展示。 HTTP 简介：HTTP（HyperText Transfer Protocol）是一种用于获取HTML文档等资源的协议。它是网络数据交换的基础，也是一种客户端-服务器协议。
2、WebSocket：通过TCP支持全双工通信，常用于实时应用，如在线聊天和游戏。它允许服务器和客户端之间的双向数据传输。TCP：确保数据传输的可靠性。它提供错误检测和重传机制，以确保数据完整无误地到达目的地。UDP：适用于对速度敏感的场景，如语音和视频通信。
3、PPP协议：一种点到点链路层协议，主要用于在全双工的同异步链路上进行点到点的数据传输。它支持多种网络协议，如IP、IPX等，并提供了认证、加密等功能。网络层协议 网络层负责将数据包从源节点转发到目标节点。常见的网络层协议有：IP协议：互联网协议，是TCP/IP协议族的核心协议。
4、它是运行在TCP/IP协议族之上的HTTP应用协议，它可以使浏览器更加高效，使网络传输减少。任何服务器除了包括html文件以外，还有一个HTTP驻留程序，用于响应用用户请求。
5、在Windows XP操作系统中，本地连接上的协议通常包括以下几种：TCP/IP协议：简介：这是最常用的网络协议，用于在互联网上进行数据传输。重要性：默认情况下，本地连接上通常会启用TCP/IP协议，因为这是连接到互联网和大多数网络服务所必需的。
6、通信协议主要有以下几种：TCP/IP协议 TCP/IP是最常用的通信协议之一。作为互联网的基础协议，它包含了一系列子协议，用于实现网络间的数据传输和通信。TCP负责在应用程序间建立可靠的数据传输连接，而IP则负责数据的路由和寻址。
如何实现一个网页终端(webTerminal)?
1、开发WebSocket路由：使用FastAPI创建路由，实现消息接收和发送。 处理WebSocket连接：在连接建立时执行初始化操作。 命令接收与解析：从WebSocket接收用户输入的命令。 安全命令执行：在服务器上执行接收到的命令，确保安全，防止命令注入攻击。
2、接入 WebSocket，实现服务端与客户端之间的通信。接入 SSH，以实现实现远程服务器登录功能。在构建过程中，作者尝试接入 Socket.io，使用 egg.js 的框架建立 socket 通信，但遇到了一些问题。本文重点描述了输入操作的处理，下文将详细解释这些待完善点的实现。
3、Web Terminal 是在网页中实现的终端客户端，基于 WebSocket 实现。浏览器端嵌入 xterm.js 插件，服务端使用 node-pty 进行 PTY 操作。通过 WebSocket 通讯，实现与远程服务器的交互。架构图展示了客户端与服务器的交互流程。主流实现包括 xterm.js、Node-PTY、Socket.IO 和 WebRTC 等技术。
4、技术基础：Web Terminal是在网页中实现的终端客户端，基于WebSocket实现。组件与技术：浏览器端嵌入xterm.js插件，服务端使用nodepty进行PTY操作。通过WebSocket通讯，实现与远程服务器的交互。主流实现：主流实现包括xterm.js、NodePTY、Socket.IO和WebRTC等技术。
5、使用终端命令处理复杂任务时，可以借助WebSocket与xterm.js等工具实现web终端功能。WebSocket作为连接基础，方便xterm.js将输入状态传输给Node服务。xterm.js为客户端终端框架，提供对接Node服务的方法。node-pty对接本地终端，实现如bash、zsh、sh或win的powershell.exe等。
WebSocket
从 RPC 到 HTTP 到 WebSocket 的演变及原因 在计算机网络通信领域，RPC（Remote Procedure Call，远程方法调用）、HTTP（HyperText Transfer Protocol，超文本传输协议）和WebSocket是三种常见的用于请求方与服务器之间数据传输的协议。
WebSocket 的原理：核心目的：WebSocket 协议的诞生旨在解决 HTTP 协议在双通道通信时存在的问题，实现客户端和服务器之间的持久性全双工通信。双向数据传输：WebSocket 的核心特点在于能够通过一次握手建立连接后，实现双向数据传输，而无需通过多次 HTTP 请求来维持通信状态。
WebSocket是html5标准的一部分，支持跨语言和跨框架使用。许多现代语言、框架和服务器都支持WebSocket，为实时通信提供便利。WebSocket的运行机制基于TCP协议，实现全双工通信。与HTTP协议的请求响应不同，WebSocket连接建立后，数据以帧序列形式传输，不需要重复建立连接，节省了网络带宽资源。
WebSocket没有被广泛使用的主要原因在于其资源消耗和适用场景的局限性。虽然WebSocket解决了前后端数据实时刷新的问题，但在实际应用中，它并非适用于所有场景，具体原因如下：资源消耗与服务器压力 服务器资源占用：WebSocket连接一旦建立，就会保持长时间的活动状态，这意味着服务器需要持续维护这些连接。
WebSocket：WebSocket 协议支持通过一个持续的 TCP 连接进行客户端与服务器间的双向数据流。这个协议的引入旨在弥补 HTTP 在实时性和互动性方面的短板。WebSocket 是实时通讯、在线游戏以及金融市场数据实时更新等场景的理想选择。技术特点比较 HTTP 类型：请求-应答式的无状态协议。
浏览器对于Websocket连接数量存在一定的限制，原因在于浏览器的资源管理机制和安全性考量。Websocket是基于TCP协议的双向通信通道，它可以提供持久连接和低延迟的数据传输。在浏览器端，为了解决资源管理问题，避免过多连接导致浏览器资源耗尽或性能下降，限制了Websocket的连接数量。
websocket协议ws协议wss协议,是一样的么?
1、关系：WS协议和WSS协议是WebSocket协议的两种不同安全级别的实现。WebSocket协议本身是一个通用的双向通信协议，而WS和WSS则是根据是否需要安全性来选择的两种具体实现方式。选择：在实际应用中，根据数据传输的安全需求选择使用WS或WSS。
2、ws 和 wss 均为 WebSocket 协议的 schema，一个是非安全的，一个是安全的 tcp + ws as ws，tcp + tls + ws as wss，可以和 http 协议对比理解 http：//Socket。
3、WebSocket协议的SCHEM包括WS和WSS两种，分别代表非安全和安全版本。WS在80端口运行，而WSS则使用443端口，后者需要ssl证书保障安全传输，SSL技术由Netscape研发，确保数据在传输过程中的安全，通过数据加密防止信息泄露或监听。WSS在TLS层上运行，与WS的区别在于安全性。
4、WebSocket协议是对HTTP协议被动接收消息的补充。相比HTTP，WebSocket允许服务器主动向客户端推送信息，显著提升了数据实时性和用户体验。通过对比HTTP与WebSocket协议，我们能够清晰地理解WebSocket在实时通信中的优势。
5、WebSocket 协议包含两个 schema，分别命名为 ws 和 wss。其中，ws 代表非安全的协议，而 wss 则表示安全的协议。它们之间的主要区别在于是否使用了 TLS（Transport Layer Security）协议来加密数据传输。
