0% found this document useful (0 votes)
21 views3 pages

Socket

Uploaded by

nareshvarre4
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
21 views3 pages

Socket

Uploaded by

nareshvarre4
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

//////////////////////index.

html/////////////////////

<!DOCTYPE html>
<html>

<head>
<title>Socket.IO chat</title>
<style>
body {
margin: 0;
padding-bottom: 3rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif;
}

#form {
background: rgba(0, 0, 0, 0.15);
padding: 0.25rem;
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
height: 3rem;
box-sizing: border-box;
backdrop-filter: blur(10px);
}

#input {
border: none;
padding: 0 1rem;
flex-grow: 1;
border-radius: 2rem;
margin: 0.25rem;
}

#input:focus {
outline: none;
}

#form>button {
background: #333;
border: none;
padding: 0 1rem;
margin: 0.25rem;
border-radius: 3px;
outline: none;
color: #fff;
}

#messages {
list-style-type: none;
margin: 0;
padding: 0;
}

#messages>li {
padding: 0.5rem 1rem;
}
#messages>li:nth-child(odd) {
background: #efefef;
}
</style>
</head>

<body>
<ul id="messages"></ul>
<form id="form" action="">
<input id="input" autocomplete="off" /><button>Send</button>
</form>
<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io();

var messages = document.getElementById('messages');


var form = document.getElementById('form');
var input = document.getElementById('input');

form.addEventListener('submit', function (e) {


e.preventDefault();
if (input.value) {
socket.emit('chat message', input.value);
input.value = '';
}
});

socket.on('chat message', function (msg) {


var item = document.createElement('li');
item.textContent = msg;
messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
});
</script>
</body>

</html>

/////////////////////////////////////server.js/////////////////////////////////////

let server = app.listen(3004, function(){


// console.log(app.settings.env + ';__dirname:' + __dirname + ';');
console.log('Unione API Server started @Port : ' + this.address().port);
// successlog.info('server started @Port : ' + this.address().port + ', Time :
'+new Date());
});
const io = require('socket.io')(server,{
pingTimeout:60000,
cors:{
origin:'*'

}
});
io.on('connection', (socket) => {
socket.on('chat message', (msg) => {
io.emit('chat message', msg);
});
});

//////////////////////associate.js///////////////////////
function getList(query, callback) {
// successlog.info('Associate :: getList()');
//query.status = "Active";
AssociateModel.find(query, function (error, associateRecords) {
if (error) {
callback({
status: DB_CODES.FAIL,
error: error
});
return;
} else {
associateRecords = associateRecords.map(function
(associateRecord) {
var associateRecord = new
AssociateController.AssociateAPI(associateRecord);
return associateRecord;
});
// successlog.info('Associate :: getList() :: callback');
callback({
status: REQUEST_CODES.SUCCESS,
result: associateRecords
});
return;
}
}).sort({ 'associateId': 1 });
}

You might also like