{"id":1227,"date":"2020-08-13T19:16:14","date_gmt":"2020-08-13T10:16:14","guid":{"rendered":"https:\/\/www.skyer9.pe.kr\/wordpress\/?p=1227"},"modified":"2020-08-15T18:50:11","modified_gmt":"2020-08-15T09:50:11","slug":"socket-io-%eb%a5%bc-%ec%9d%b4%ec%9a%a9%ed%95%9c-%ec%b1%84%ed%8c%85%ec%84%9c%eb%b2%84-%ea%b5%ac%ec%b6%95%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/www.skyer9.pe.kr\/wordpress\/?p=1227","title":{"rendered":"Socket.io \ub97c \uc774\uc6a9\ud55c \ucc44\ud305\uc11c\ubc84 \uad6c\ucd95\ud558\uae30"},"content":{"rendered":"

Socket.io \ub97c \uc774\uc6a9\ud55c \ucc44\ud305\uc11c\ubc84 \uad6c\ucd95\ud558\uae30<\/h1>\n

Socket.io \uc124\uce58\ud558\uae30<\/h2>\n

Local<\/code> \uacc4\uc815\uc5d0 \uc124\uce58\ud574\uc57c \uc815\uc0c1\uc801\uc73c\ub85c \uc791\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n

\uc5ec\ub7ec \uc778\uc2a4\ud134\uc2a4\uac04\uc5d0 \ub370\uc774\ud0c0\ub97c \uacf5\uc720\ud558\uae30 \uc704\ud574 Redis \uc11c\ubc84\ub97c \uc124\uce58\ud569\ub2c8\ub2e4.<\/p>\n

sudo apt-get install redis-server<\/code><\/pre>\n
npm install node-gyp\nnpm install socket.io\nnpm install --save-optional bufferutil utf-8-validate\nnpm install express\nnpm install socket.io-redis<\/code><\/pre>\n
\uc11c\ubc84 \uc0dd\uc131<\/h2>\n
server.js<\/h3>\n
mkdir chat\nvi chat\/server.js<\/code><\/pre>\n
var express = require('express');\nvar app = express();\nvar redisAdapter = require('socket.io-redis');\nvar server = require('http').Server(app);\nvar io = require('socket.io')(server);\nvar redis = require('redis');\n\/\/var Promise = require('promise');\nconst path = require('path');\n\nvar favicon = require('serve-favicon');\napp.use(favicon(path.join(__dirname, 'public\/images', 'favicon.ico')));\n\nio.eio.pingTimeout = 60*60*1000; \/\/ 60 minutes\nio.eio.pingInterval = 5*1000;  \/\/ 5 seconds\n\nserver.listen(3000, () => {\n    console.log('server on!');\n});\n\napp.get('\/', (req, res) => {\n    res.sendFile(__dirname + '\/client.html');\n});\n\nconst namespace1 = io.of('\/namespace1');\n\n\/\/ \ub2e4\uc911 \uc778\uc2a4\ud134\uc2a4\uac04 \ub370\uc774\ud0c0 \uacf5\uc720\nio.adapter(redisAdapter({ host: 'localhost', port: 6379 }));\n\n\/\/ redis \ud074\ub77c\uc774\uc5b8\ud2b8 \uc0dd\uc131\nconst REDIS_PREFIX = 'CHAT_USER_';\nconst client = redis.createClient();\n\nclient.on('error', function (err) {\n    console.log('Error ' + err);\n});\n\nnamespace1.on('connection', (socket) =>  {\n    socket.nickname = socket.id;\n    socket.emit('new',{ nickname : socket.nickname });\n    console.log('user connected : ', socket.nickname);\n\n    client.hmset(\n        REDIS_PREFIX + socket.id,\n        'nickname', socket.nickname\n    );\n\n    \/\/ \ucc44\ud305\ubc29 \uc811\uc18d\n    socket.join('my room');\n\n    \/\/ \uc811\uc18d \uc885\ub8cc\n    socket.on('disconnect', function(){\n        console.log('user disconnected: ', socket.id);\n        client.hdel(\n            REDIS_PREFIX + socket.id,\n            'nickname'\n        );\n    });\n\n    \/\/ \uc11c\ubc84 \uba54\uc2dc\uc9c0 \uc218\uc2e0\n    socket.on('send message', function(name,text){\n        var msg = 'send message ' + name + ' : ' + text;\n        namespace1.to('my room').emit('receive message', msg);\n    });\n\n    \/\/ \ub300\ud654\ubc29 \uba54\uc2dc\uc9c0 \uc218\uc2e0\n    socket.on('chat message', function(name,text){\n        var msg = 'chat message ' + name + ' : ' + text;\n        namespace1.to('my room').emit('chat message', msg);\n    });\n\n    function saveNickname(socketId, nickname) {\n        return new Promise(function(resolved, rejected) {\n            client.hmset(\n                REDIS_PREFIX + socketId,\n                'nickname', nickname\n            );\n            return resolved(nickname);\n        });\n    };\n\n    function sendToUser(nickname) {\n        return new Promise(function(resolved, rejected) {\n            sendTo('aaa', 'new nickname : ' + nickname);\n            return resolved('ok');\n        });\n    };\n\n    \/\/ \ub2c9\ub124\uc784 \ubcc0\uacbd\n    socket.on('changename', function(data) {\n        socket.nickname = data.nickname;\n\n        (async() => {\n            const nickname = await saveNickname(socket.id, socket.nickname);\n            await sendToUser(nickname);\n        })();\n    });\n\n    function sendTo(nickname, msg) {\n        var socketId, clientId, i;\n\n        io.of('\/namespace1').adapter.clients(['my room'], (err, clients) => {\n            if (err) {\n                console.log(err);\n                return;\n            }\n            for (i = 0; i < clients.length; i++) {\n                socketId = clients[i];\n\n                \/\/ \ud074\ub85c\uc800 \uc774\uc6a9\n                (function(socketId) {\n                    client.hgetall(REDIS_PREFIX + socketId, (err, _socket) => {\n                        if (_socket.hasOwnProperty('nickname') && _socket.nickname == nickname) {\n                            namespace1.to(socketId).emit('send message to', { msg: msg });\n                        }\n                    });\n                })(socketId);\n            }\n        });\n    }\n});\n<\/code><\/pre>\n
client.html<\/h3>\n
vi chat\/client.html<\/code><\/pre>\n
<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset="utf-8">\n    <title>Chat<\/title>\n    <style>\n      .chat_log{ width: 95%; height: 200px; }\n      .name{ width: 10%; }\n      .message{ width: 70%; }\n      .chat{ width: 10%; }\n    <\/style>\n  <\/head>\n  <body>\n    <div>\n      <textarea id="chatLog" class="chat_log" readonly><\/textarea>\n    <\/div>\n    <form id="chat">\n      <input id="nickname" class="name" type="text" \/>\n      <input id="changename" type="button" class="chat" value="changename"\/><br \/>\n      <input id="message" class="message" type="text" autocomplete="off" \/>\n      <input type="submit" class="chat" value="chat"\/>\n    <\/form>\n    <script src="\/socket.io\/socket.io.js"><\/script>\n    <script src="http:\/\/code.jquery.com\/jquery-1.11.1.js"><\/script>\n    <script type="text\/javascript">\n    \/\/ \uc811\uc18d\n    var socket = io('\/namespace1', {transports: ['websocket']});\n\n    \/\/ \uba54\uc2dc\uc9c0 \uc804\uc1a1\n    $('#chat').on('submit', function(e){\n        \/\/ send message : \uc11c\ubc84 \uba54\uc2dc\uc9c0 \uc804\uc1a1\n        \/\/ chat message : \ub300\ud654\ubc29 \uba54\uc2dc\uc9c0 \uc804\uc1a1\n        \/\/ socket.emit('send message', $('#nickname').val(), $('#message').val());\n        socket.emit('chat message', $('#nickname').val(), $('#message').val());\n        $('#message').val("");\n        $("#message").focus();\n        e.preventDefault();\n    });\n\n    \/\/ \uc11c\ubc84 \uba54\uc2dc\uc9c0 \uc218\uc2e0\n    socket.on('receive message', function(msg){\n        $('#chatLog').append(msg+'\\n');\n        $('#chatLog').scrollTop($('#chatLog')[0].scrollHeight);\n    });\n\n    \/\/ \ub300\ud654\ubc29 \uba54\uc2dc\uc9c0 \uc218\uc2e0\n    socket.on('chat message', function(msg){\n        $('#chatLog').append(msg+'\\n');\n        $('#chatLog').scrollTop($('#chatLog')[0].scrollHeight);\n    });\n\n    \/\/ \uc9c0\uc815 \uba54\uc2dc\uc9c0 \uc218\uc2e0\n    socket.on('send message to',function(data){\n        console.log(data.msg);\n    });\n\n    \/\/ \ub2c9\ub124\uc784 \uc218\uc2e0\n    socket.on('new',function(data){\n        $('#nickname').val(data.nickname);\n    });\n\n    \/\/ \ub2c9\ub124\uc784 \ubcc0\uacbd\n    $('#changename').on('click', function(e){\n        socket.emit('changename', { nickname : $('#nickname').val() });\n    });\n    <\/script>\n  <\/body>\n<\/html><\/code><\/pre>\n
\uc11c\ubc84 \uc2e4\ud589<\/h3>\n
cd chat\nvi ecosystem.config.js<\/code><\/pre>\n
module.exports = {\n  apps : [{\n    name       : 'chat-server',\n    script     : 'server.js',\n    watch      : '.',\n    instances  : 4\n  }]};<\/code><\/pre>\n
pm2 start ecosystem.config.js\npm2 log\npm2 list\npm2 save<\/code><\/pre>\n
\ube0c\ub77c\uc6b0\uc800\ub85c \uc811\uc18d\ud558\uba74 \uc815\uc0c1\uc801\uc73c\ub85c \uc11c\ubc84\uac00 \uc2e4\ud589\ub418\ub294 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
http:\/\/XXX.XXX.XXX.102:3000\/<\/a><\/p>\n
\ub450\uac1c \uc774\uc0c1\uc758 \ube0c\ub77c\uc6b0\uc800\ub97c \uc5f4\uc5b4 \ucc44\ud305\uc774 \uacf5\uc720\ub418\ub294 \uac83\uc744 \ud655\uc778 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"
Socket.io \ub97c \uc774\uc6a9\ud55c \ucc44\ud305\uc11c\ubc84 \uad6c\ucd95\ud558\uae30 Socket.io \uc124\uce58\ud558\uae30 Local \uacc4\uc815\uc5d0 \uc124\uce58\ud574\uc57c \uc815\uc0c1\uc801\uc73c\ub85c \uc791\ub3d9\ud569\ub2c8\ub2e4. \uc5ec\ub7ec \uc778\uc2a4\ud134\uc2a4\uac04\uc5d0 \ub370\uc774\ud0c0\ub97c \uacf5\uc720\ud558\uae30 \uc704\ud574 Redis \uc11c\ubc84\ub97c \uc124\uce58\ud569\ub2c8\ub2e4. sudo apt-get install redis-server npm install node-gyp npm install socket.io npm install –save-optional bufferutil utf-8-validate npm install express npm install socket.io-redis \uc11c\ubc84 \uc0dd\uc131 server.js mkdir chat vi chat\/server.js var express = require('express'); var app =\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-1227","post","type-post","status-publish","format-standard","hentry","category-node-js"],"_links":{"self":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1227"}],"version-history":[{"count":21,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1227\/revisions"}],"predecessor-version":[{"id":1257,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1227\/revisions\/1257"}],"wp:attachment":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}