2019-02-18 socket.io基本学習

1792 ワード

WebSocketはhtml 5に新しく追加された通信プロトコルで、現在流行しているブラウザはこのプロトコルをサポートしています.例えばChrome、Safrie、Firefox、Opera、IEなどです.このプロトコルをサポートするのは最も早いのはchromeで、chrome 12からすでにサポートされています.現在、ブラウザは基本的にCanIUseをサポートしています.
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")