websocket-sdk 解决本地服务与浏览器之间的连接， 以及浏览器与服务器之间的数据传输

最新推荐文章于 2024-08-07 09:56:02 发布
最新推荐文章于 2024-08-07 09:56:02 发布
阅读量1.8k 收藏
点赞数 1
分类专栏： websocket-sdk js基础 异步加载数据 文章标签： html5 npm websocket
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhumany_csdn/article/details/108992559
版权
本文介绍了一个封装好的websocket-sdk工具，该工具能够实现本地服务与浏览器间的数据传输，并提供自动启动、版本检测等功能。文中详细解释了如何安装和使用此工具。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近由于项目业务需求，需要利用websocket完成本地服务与浏览器之间的数据传输。为了满足这个需求，这里自行封装了websocket-sdk 这个工具。

一： 首先介绍下websocket-sdk 它的作用

 websocket-sdk 已经处理好了 websocket 的 连接 / 心跳检测 / 推送 / 接收 / 错误重连 / 主动断开。

同时，websocekt-sdk根据配置信息可以完成本地服务与浏览器之间的数据传送和交互（同时可以检测本地版本是否为最新版本，若不是，则重新下载）， 也可以完成浏览器和服务器之间的数据传递。

二：webscoket-sdk 的具体使用说明

  1. 安装

  •   For JQuery and original js

 Download from npmjs

npm install @styleofpicasso/websocket-sdk

add js to html

<script type="text/javascript" src="/webstart-sdk.min.js"></script>
  • For TypeScript such as Angular Vue React

install

npm i @styleofpicasso/websocket-sdk --save-dev

import

import * as WebSocketSdk from '@styleofpicasso/websocket-sdk';

2. 使用<

最低0.47元/天 解锁文章
WebSocket与WebRTC结合
天涯学馆
10-27 170
WebRTC（Web Real-Time Communication）是一套浏览器间的实时通信技术，它允许在不借助中间服务器的情况下，直接在两个浏览器之间进行音视频流的实时传输。WebSocket 常被用作WebRTC的信令服务器，负责传递两端的SDP信息和ICE候选，因为WebRTC自身并不直接提供发现对方和建立连接的机制。WebSocket 和 WebRTC 是两种现代网页应用中用于实现实时通信的技术，它们在功能上互补，常被结合使用以构建复杂的实时交互应用，如视频聊天、在线游戏等。
结合融云 WebSDK 了解 WebSocket 基本原理
wf10w的博客
12-29 618
结合融云 WebSDK 了解 WebSocket 基本原理 近期使用融云开发聊天页面, 通过抓包, 发现融云 SDK 使用 WebSocket 实现与服务端通讯, 因此简单了解 WebSocket 的实现原理 融云 SDK 文档: https://docs.rongcloud.cn/v4/ WebSocket 与 HTTP 1、HTTP 协议没有为了 WebSocket 的出现改变 2、WebSocket 属于 HTTP 之后的新协议 3、两者有交集, 也各有不同 4、WebSocket 借用 HTTP 协
webSocket封装jssdk
追求卓越，精彩人生
05-11 3092
一、jssdk代码如下：(function($) { $.config = { url: '', //链接地址 }; $.init=function(config) { this.config = config; return this; }; /** * 连接webcocket */ $.connect = function() { var pro...
Link IoT Edge WebSocket 客户端 SDK 使用教程
最新发布
gitblog_00837的博客
08-07 914
Link IoT Edge WebSocket 客户端 SDK 使用教程 linkedge-thing-access-websocket_client_sdkLink IoT Edge提供基于WebSocket通信方式设备接入协议，用户参考该协议实现设备端开发，可实现设备接入到Link IoT Edge。项目地址:https://gitcode.com/gh_mirrors/li/linkedg...
【计算机网络】 7、websocket 概念、sdk、实现
呆呆的猫的博客
05-27 1046
websocket 背景、client、server 使用方式
通过融云 WebSDK 简单了解 WebSocket
weixin_44764152的博客
03-17 593
近期使用融云开发聊天页面, 通过抓包, 发现融云 SDK 使用 WebSocket 实现与服务端通讯, 由此简单了解下 WebSocket 的使用 需要 WebSocket 的原因: 一句话总结: HTTP 协议只能由客户端发起, 服务端响应. WebSocket 可服务端主动发起, 也可客户端发起. 能实现的场景更多、更复杂 相关资料如下: 融云开发文档: https://docs.rongcloud.cn/v4/ WebSocket Web API: https://developer.mozilla.
Android利用websocket协议与服务器通信——Java-WebSocket框架的实现
weixin_42046829的博客
09-10 4306
一、什么是WebSocket WebSocket是一种在单个TCP连接上进行全双工通信的协议。它使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，客户端和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 二、如何使用WebSocket android本身没有websocket的库，一般使用第三方框架实现，如Java-WebSocket、okhttp等。 三、Java-WebSocket框架的使用 GitHub地址：
掌握WebSocket：实现移动端与服务器长连接的必备jar包
Websocket是一种网络通信协议，提供了一种在单个TCP连接上进行全双工通信的方式，是实现客户端与服务器之间持久性连接的一种协议。由于其能够在客户端和服务器之间建立持久连接，并且能够双向传输数据，因此非常适合...
跨浏览器控件SDK使用说明
11-25
14. **本地文件上传**：支持上传本地文件到服务器，扩展了功能应用范围。 15. **录像**：除了拍照，还支持录制视频功能。 **控件安装与运行**： 控件以安装包的形式提供，需要先安装。后台程序eloam_socket.exe...
两个浏览器窗口间通信
weixin_30412013的博客
04-15 317
两个浏览器窗口间通信 补充一下，这里的通讯指遵守同源策略情况下。 为了吸引读者的兴趣，先把demo放到前面： 下面有几个我自己写的演示多页面通讯的demo, 为了正常运行，请用最新的chrome浏览器打开。 demo的源码地址https://github.com/xiangwenhu/page-communication/tree/master/docs 首页 setInterval + se...
appemit：AppEmit是可扩展的轻量级中间件，用于在应用程序（尤其是chrome浏览器）和本地程序之间进行通信，支持Flash Swf。 AppEmit是应用程序（尤其是chrome浏览器）与本地程序之间相互通信的易扩展的轻量级中间件，支持chrome打开rtsp，flash，swf
02-25
AppEmit v1.1.03 概述 Appemit是一种轻量级的中间件，可以轻松扩展以与本地程序通信应用程序（尤其是浏览器）。 HTML5标准的Web套接字主要用于调用。 默认值为异步，并且参数以JSON格式传输。 主要特点： 在几乎所有浏览器（chrome edge firefox QQ 360 Yandex搜狗歌剧）中播放包含Flash的网页或Flash文件，包括swf交互式动画，flv电影等。 在浏览器中打开和操作本地文件，例如读取PDF，创建，读取，编辑Office文件并支持JavaScript代码操作。 在浏览器中以多种方式打开RTMP，RTSP和其他媒体文件，支持转码。 在浏览器中调用第三方DLL，OCX组件以及系统winApi函数，tcc，python，lua等。 为本地硬件DLL驱动程序模块开发一个软件包插件，以操作和控制网页中的本地读卡器，打印机，扫描仪，高照
sockjs.js websocket api
11-19
sockjs.js websocket api 亲测可用 if(this.websocket==null) { // 首先判断是否 支持 WebSocket if ('WebSocket' in window) { this.websocket = new WebSocket( "ws://"+this.vbshopURL+"/layim/server?id="+id); } else if ('MozWebSocket' in window) { this.websocket = new MozWebSocket( "ws://"+this.vbshopURL+"/layim/server?id="+id); } else { this.websocket = new SockJS( "http://"+this.vbshopURL+"/sockjs/layim/server?id="+id); } }
websocket相关js库 socket.io
03-06
socket.io.js库,在HTML页面[removed][removed]像引用其他脚本一样导入就可以了
网页js与本地C#程序 websocket通讯实现打印小票，可最小化托盘
05-01
静态网页通过js与本地C#应用程序基于webSocket实时通讯，调用本地打印机进行post小票打印。服务窗体可最小化托盘，请参考https://blog.csdn.net/weixin_40340362/article/details/89401723
通过WebSocket实现浏览器与服务器的通信
书写人生
09-02 851
现如今有个需求，基于websocket实现浏览器与服务器的通信。由于之前没有使用过websocket，在网上大致搜索了一圈，寻找websocket的集成方案。网上寻找的方案大致如下: 1.基于spring的方式实现，加入spring-websocket依赖，加注解，配置相应的拦截器和路径; 2.基于springBoot的方式，本质上还是基于spring; 3.基于J2EE应用服务器，好像从tomc...
AppEmit是应用程序（尤其是浏览器）与本地程序间互相通信的易扩展的轻量级中间件
appemit
08-13 3814
AppEmit是应用程序（尤其是浏览器）与本地程序间互相通信的易扩展的轻量级中间件。 AppEmit is an extensible lightweight middleware for communication between applications (especially browsers) and local programs. 主要采用了HTML5国际标准的Web Socket进行通话，默认为异步， JSON格式传递参数。 主要功能： 在几乎所有浏览器播放含有flash的网页或F
chrome插件与本地exe程序之间的信息交互
weixin_68540347的博客
01-03 6090
chrome插件与本地python打包成的exe文件之间的信息交互
浏览器调用exe并从中获取内容的通用解决方案之浏览器和本地exe通信篇
JokerSoulClub的博客
12-22 1781
除了IE支持OCX可以直接在浏览器内部,其他所有现代浏览器都不支持内嵌exe执行并交互返回内容了 采用的是本地HttpListener监听端口,然后前端轮询jsonp的方式实现浏览器和本地exe通信,浏览器兼容性高,只要是支持xhr的浏览器都行, exe程序启动可以依靠自定义协议在浏览器打开或者将exe打包成window服务持久化运行即可 以下是基础Http类 using System; using System.Collections; using System.Collections.Generic;
浏览器本地通信（Native Messaging）
啊渊的专栏
07-04 1709
扩展和应用程序可以使用与其他消息传递API类似的API与本机应用程序交换消息。支持此功能的本机应用程序必须注册知道如何与扩展通信的本机消息传递主机。Chrome在一个单独的进程中启动主机，并使用标准输入和标准输出流与主机通信。 Native messaging host 为了注册本机消息传递主机，应用程序必须安装定义本机消息传递主机配置的清单文件。下面是清单文件的示例： { "name": "com.my_company.my_application", "description": "My
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值