2019-02-18 socket.io基本学習
1792 ワード
WebSocketはhtml 5に新しく追加された通信プロトコルで、現在流行しているブラウザはこのプロトコルをサポートしています.例えばChrome、Safrie、Firefox、Opera、IEなどです.このプロトコルをサポートするのは最も早いのはchromeで、chrome 12からすでにサポートされています.現在、ブラウザは基本的にCanIUseをサポートしています.
1.簡単なdemoを書く
まずドキュメント、木の中国語の
server
html
3 s後サービス側はクライアントからの情報を受け取り、5 s後サービス側は情報を発表し、クライアントはページに印刷する.
2.IDを指定して送信する場合
1.簡単なdemoを書く
まずドキュメント、木の中国語の
server
const Koa = require('koa')
let app = new Koa
const server = require('http').createServer(app.callback())
const io = require('socket.io')(server)
const fs = require('fs')
app.use(( ctx) => {
ctx.type = 'html'
ctx.body = fs.createReadStream('./test.html')
})
io.on('connection', function(socket){
socket.on('chat message', function(msg){
console.log(msg)
});
setTimeout(() => {
socket.emit('zpzpzpzpzp', "this is test message")
}, 5000)
});
server.listen(3001, () => {
console.log(`listenning at 3001`)
})
html
Document
Hello World
var io = io()
setTimeout(function() {
io.emit('chat message', 'zzzzz')
}, 3000)
io.on('zpzpzpzpzp', function(msg) {
let p = document.createElement('h1')
p.innerText = msg
document.querySelector('body').appendChild(p)
})
3 s後サービス側はクライアントからの情報を受け取り、5 s後サービス側は情報を発表し、クライアントはページに印刷する.
2.IDを指定して送信する場合
io.sockets.connected[socket.id].emit('zpzpzpzpzp', "this is test message")