socket.io的使用

简介

socket.io是对websocket的封装，用于客户端与服务端的相互通讯。官网:https://socket.io/

node服务端

先安装一下socket.io

npm install -save socket.io

const Koa = require('koa');
const app = new Koa();
const server = require('http').Server(app.callback());
const io = require('socket.io')(server);
const port = 3333;server.listen(process.env.PORT || port, () => {console.log(`app run at : http://127.0.0.1:${port}`);
})io.on('connection', socket => {console.log('连接成功');socket.on('send', data => {console.log('客户端发送：', data);socket.emit('getMsg', data);})
})

前端部分我这边是使用vue

先安装weapp.socket.io

npm i weapp.socket.io

然后到main.js配置

import io from "weapp.socket.io"Vue.prototype.socket = io('http://172.31.0.104:3333')

到这里就完成了socket连接了

在需要的页面调用

// 通过on注册事件  emit触发事件
// 服务端on注册 客服端emit触发   客户端也是一样this.socket.emit("send",data)this.socket.on("getMsg",data=>{console.log(data)
})

socket.io的使用相关推荐

phaser.min.js_如何使用Phaser 3，Express和Socket.IO构建多人纸牌游戏
phaser.min.js I'm a tabletop game developer, and am continually looking for ways to digitize game ex ...
node mongoose_如何使用Express，Mongoose和Socket.io在Node.js中构建实时聊天应用程序
node mongoose by Arun Mathew Kurian 通过阿伦·马修·库里安(Arun Mathew Kurian) 如何使用Express,Mongoose和Socket.io在N ...
dotnet调用node.js写的socket服务（websocket/socket/socket.io）
https://github.com/jstott/socketio4net/tree/develop socket.io服务端node.js,.里面有js写的客户端:http://socket.io ...
vue.js+socket.io打造一个好玩的新闻社区
title: Socket.io+vue打造新闻社区 date: 2017-06-12 20:19:05 tags: [vue.js,javascript,socket.io] vue2.0 + so ...
socket io与vue-cli的结合使用
关于在vue中使用websocket的简易例子使用vue-cli生成一个vue模版安装三个依赖: npm install -s socket.io npm install -s vue-socke ...
使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用的学习过程（一）
这几篇都是我原来首发在 segmentfault 上的地址:https://segmentfault.com/a/1190000005040834 突然想起来我这个博客冷落了好多年了,也该更新一下,呵 ...
用coffee和socket.io实现的01背包算法
先说说我为什么写这些吧当程序猿太苦逼了,真的,时间久了,真没有搬砖的成就感高,好歹人家能盖栋楼(身材也能练得不错),咱们指不定哪天来个熊孩子把硬盘格了就啥也没了. 这学期明显没把心放在前端上.... ...
socket.io实现在线群聊
我自己在用socket.io开发,对官方网站上的文档,进行简单的整理,然后自己写了一个简单的聊天程序.最最开始先安装socket.io: npm install socket.io 利用Node的搭 ...
koa+mysql+vue+socket.io全栈开发之web api篇
原文地址:koa+mysql+vue+socket.io全栈开发之web api篇目标是建立一个 web QQ的项目,使用的技术栈如下: 后端是基于koa2 的 web api 服务层,提供curd ...
socket.io的基本使用
服务端: 1.监听客户端连接: io.on("connection",socket=>{ }); 不分组数据传输:传输对象为当前socket 2.1给该socket所有客户端 ...

socket.io的使用

简介

node服务端

前端部分我这边是使用vue

先安装weapp.socket.io

然后到main.js配置

在需要的页面调用

socket.io的使用相关推荐

最新文章

热门文章