前端vue-socket.io后端Java netty-socketio传信息
一:vue
1.package.json
"dependencies": {
"vue-socket.io": "^3.0.0"
},
2.main.js
import VueSocketIO from 'vue-socket.io'
import io from 'socket.io-client'
Vue.use(
new VueSocketIO({
debug: false,
connection: io('http://127.0.0.1:8888', {}),
// connection: io(config[env].socketIo, {
// })
})
)
(在new Vue({})前)
3.需要使用socket的页面
sockets: {
//连接事件
connect: function () {
console.log('socket connected')
},
//后端传的事件 “111”与后端的eventType对应
111: function (data) {
console.log(data)
},
//后端传的事件 “insertWorkOrder”与后端的eventType对应
insertWorkOrder: function (data) {
//删掉了里面的业务
}
},
sockets与 data,method同级
// “uuid” 与后端的addEventListener(eventName,,)对应
this.$socket.emit('uuid', { map: { uuid: userId } })
向后端发送信息
二.spring boot
1.pom.xml
<dependency>
<groupId>io.socket</groupId>
<artifactId>socket.io-client</artifactId>
<version>0.8.3</version>
</dependency>
<dependency>
<groupId>com.corundumstudio.socketio</groupId>
<artifactId>netty-socketio</artifactId>
<version>1.7.12</version>
</dependency>
<dependency>
<groupId>javax.websocket</groupId>
<artifactId>javax.websocket-api</artifactId>
<version>1.0</version>
<scope>provided</scope>
</dependency>
好像用不到这些,有中间那个就够了
2.BeanDefineConfigue.java
@Component("BeanDefineConfigue")
public class BeanDefineConfigue implements ApplicationListener<ContextRefreshedEvent> {
@Autowire