Last active
August 28, 2018 21:07
-
-
Save michaelerobertsjr/69dffecf2733acd79c6bc3126901be64 to your computer and use it in GitHub Desktop.
Loopback socket.io example server/server.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>Socket.IO chat</title> | |
| <style> | |
| * { margin: 0; padding: 0; box-sizing: border-box; } | |
| body { font: 13px Helvetica, Arial; } | |
| form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; } | |
| form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; } | |
| form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; } | |
| #messages { list-style-type: none; margin: 0; padding: 0; } | |
| #messages li { padding: 5px 10px; } | |
| #messages li:nth-child(odd) { background: #eee; } | |
| </style> | |
| </head> | |
| <body> | |
| <ul id="messages"></ul> | |
| <form action=""> | |
| <input id="m" autocomplete="off" /><button>Send</button> | |
| </form> | |
| <script src="https://cdn.socket.io/socket.io-1.2.0.js"></script> | |
| <script src="http://code.jquery.com/jquery-1.11.1.js"></script> | |
| <script> | |
| var socket = io(); | |
| $('form').submit(function(){ | |
| socket.emit('chat message', $('#m').val()); | |
| $('#m').val(''); | |
| return false; | |
| }); | |
| socket.on('chat message', function(msg){ | |
| $('#messages').append($('<li>').text(msg)); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if (require.main === module) { | |
| //app.start(); | |
| app.io = require('socket.io')(app.start()); | |
| app.io.on('connection', function(socket){ | |
| console.log('a user connected'); | |
| socket.on('chat message', function(msg){ | |
| console.log('message: ' + msg); | |
| app.io.emit('chat message', msg); | |
| }); | |
| socket.on('disconnect', function(){ | |
| console.log('user disconnected'); | |
| }); | |
| }); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment