Nodejs i webSockets, wywołujące zdarzenia?
Jestem nowy w tej dziedzinie, zbudowałem standardową aplikację do czatu internetowego i widzę moc nodejs, express, socket.io.
Próbuję wywołać zdarzenia z telefonu na stronę internetową, jak pilot. Jest javascript serwera, który nasłuchuje zdarzeń z klienta, a javascript klienta, który uruchamia te zdarzenia, tak rozumiem, że mnie poprawi, jeśli się mylę.
Nauczyłem się w aplikacji czatu, że mogę wysłać obiekt z dowolnego miejsca, o ile są one połączone z moim serwerem przez określony porthttp://my-server-ip:3000/
. Zasadniczo wszystkie zdarzenia znajdują się na stronie indeksu, a połączenie jestindex
doserver
doindex
.
Próbuję dowiedzieć się, jak wywoływać zdarzenia z zewnętrznej strony, widziałem takie rzeczyhttp://my-server-ip:3000/ws
lub coś w tym rodzaju, pomysł polega na połączeniu się z interfejsem mobilnym, który nie jest rzeczywistym indeksem ani samą witryną, ale ten interfejs komunikuje się z serwerem węzłów, używając go jako dyspozytora do wyzwalania zdarzeń na głównej stronie indeksu.
Zasadniczo to, czego się nauczyłem, byłoindex
doserver
doindex
. Nie wiem, jak mogę iśćcustom-page
doserver
doindex
.
Widzę, że w moim app.js rozumiem, że gniazdo nasłuchujesends
który jest na kliencie, a następnie wysyła wiadomość.
io.sockets.on('connection', function (socket) {
socket.on('sends', function (data) {
io.sockets.emit('message', data);
});
});
Próbowałem utworzyć plik test.html z przyciskiem, próbowałem go słuchać, oto zrzut ekranu.
Oto mój kod klienta
window.onload = function() {
var messages = [];
var socket = io.connect('http://my-server-ip:3000/');
var socketTwo = io.connect('http://my-server-ip:3000/test.html');
var field = document.getElementById("field");
var sendButton = document.getElementById("send");
var content = document.getElementById("content");
var name = document.getElementById("name");
var trigBtn = document.getElementById("trigger-btn");
socket.on('message', function (data) {
if(data.message) {
messages.push(data);
var html = '';
for(var i=0; i<messages.length; i++) {
html += '<b>' + (messages[i].username ? messages[i].username : 'Server') + ': </b>';
html += messages[i].message + '<br />';
}
content.innerHTML = html;
} else {
console.log("There is a problem:", data);
}
});
//FROM DEMO
// sendButton.onclick = sendMessage = function() {
// if(name.value == "") {
// alert("Please type your name!");
// } else {
// var text = field.value;
// socket.emit('send', { message: text, username: name.value });
// field.value = "";
// }
// };
//I include this javascript with test.html and trigger
//this button trying to emit a message to socketTwo
trigBtn.onclick = sendMessage = function() {
socketTwo.emit('send', { message: 'String test here' })
}
}
Jestem pewien, że wszystko jest w porządku, ale miejmy nadzieję, że ma to sens i ktoś może mi pomóc wyzwolić zdarzenia z innej strony wywołującej indeks.
Oto mój kod serwera app.js
/**
* Module dependencies.
*/
var express = require('express')
, routes = require('./routes')
, http = require('http');
var app = express();
var server = app.listen(3000);
var io = require('socket.io').listen(server); // this tells socket.io to use our express server
app.configure(function(){
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.static(__dirname + '/public'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
});
app.configure('development', function(){
app.use(express.errorHandler());
});
app.get('/', routes.index);
app.get('/test.html', function(req, res) {
res.send('Hello from route handler');
});
io.sockets.on('connection', function (socket) {
socket.emit('message', { message: 'welcome to the chat' });
socket.on('send', function (data) {
io.sockets.emit('message', data);
});
});
Cały kod zamieszczony powyżej to po prostu testowanie kodu wycinania ciasteczek, uczę się od podstaw, więc powyższe może być całkowicie zmienione, to jest tylko punkt początkowy.