websocket如何使用?在嵌入式平台使用websocket。自己实现?还是说有专门的websocket库,直接调用里面的API???以及我对网络协议的理解

在嵌入式平台使用websocket。自己实现?还是说有专门的websocket库
有专门的websocket库吗?

websocket 无非就是一个客户端和服务端,两者之间通信。
websocket是一个应用层协议。
从浏览器到服务器的数据交互,浏览器相当于一个应用(APP)。

一个数据从客户端到浏览器要经历哪些关卡?(不直到以下理解对不对)
浏览器(客户端)所在主机1,服务器在主机2.

数据-》主机1应用层-------》主机1传输层------》主机1网络层----》主机1数据链路层—》主机1物理层--------》主机2物理层—》主机2数据链路层-------》主机2的网络层----》主机2的传输层—》主机2的应用层

每一层有各自的发送接收函数
每一层有自己的传输协议
例如:应用层使用websocket协议,
数据在主机1的应用层时,用websocket.send()发送数据,当数据经过层层关卡(传输层,网络层等等)到达主机2的应用层,主机2用websocket.recv()接收数据。

如果主机1在应用层用的http.send(),则当数据到达主机2的应用层是,主机2用http.recv()接收。

如果主机1在传输层用的,tcp.send(),则当数据到达主机2的传输层,主机2用tcp.recv()接收

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在 Vue 中使用 WebSocket 需要进行以下几个步骤: 1. 安装 `vue-native-websocket` 或 `vue-socket.io` 插件,这些插件可以简化 WebSocket 的操作。 - 可以使用 npm 或 yarn 安装插件: ``` npm install vue-native-websocket ``` 或 ``` yarn add vue-native-websocket ``` 2. 在你的 Vue 项目中创建一个 WebSocket 实例,并配置连接的 URL 和其他选项。在 Vue 组件中引入 WebSocket 实例。 3. 在 Vue 组件中使用 WebSocket 实例的方法,如 `send`、`onmessage` 等。 4. 在需要的时候打开或关闭连接,监听相关事件。 下面是基于 `vue-native-websocket` 插件的示例代码: 1. 安装插件: ``` npm install vue-native-websocket ``` 2. 在你的 Vue 项目中创建 WebSocket 实例和配置连接: ```javascript import VueNativeSock from 'vue-native-websocket'; Vue.use(VueNativeSock, 'ws://localhost:8000', { reconnection: true, reconnectionAttempts: 5, reconnectionDelay: 3000, }); ``` 3. 在 Vue 组件中使用 WebSocket 实例: ```vue <template> <div> <button @click="sendData">发送数据</button> <ul> <li v-for="(message, index) in messages" :key="index">{{ message }}</li> </ul> </div> </template> <script> export default { data() { return { messages: [], }; }, methods: { sendData() { this.$socket.send('Hello WebSocket!'); }, }, created() { this.$socket.onmessage = (event) => { this.messages.push(event.data); }; }, }; </script> ``` 上述示例中,我们创建了一个 WebSocket 实例,并在 Vue 组件的 `created` 钩子中监听了 `onmessage` 事件,当收到消息时将其添加到 `messages` 数组中,在模板中通过 `v-for` 渲染消息列表。点击按钮时,调用 `sendData` 方法发送数据。 请注意,以上只是一种简单的示例,具体的实现方式可能因项目需求而有所不同。你可以根据自己的需求来配置和使用 WebSocket

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学无止境2022

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值