Я пытаюсь следовать этому простому уроку socket-io-with-apache-cordova для Android с apache cordova.До сих пор я делал все как в учебнике, и я использую свой собственный телефон Android с android version 8.0
для тестирования приложения.Когда я набираю приложение запуска команды cordova запускаются и shows the screen with "DEVICE IS READY"
, и ничего не происходит.Я получаю это сообщение Received Event: deviceready
и следующие ошибки в консоли удаленной отладки Chrome, и ничего не происходит, не выдается предупреждение, как это должно было быть.
localhost: 3000 / socket.io /? EIO = 2 & transport = polling & t = 1549179448883-0: 1 Не удалось загрузить ресурс: net :: ERR_CONNECTION_REFUSED
GET http://localhost:3000/socket.io/?EIO=2&transport=polling&t=1549179463998-5 0 ()
Это index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' http://* 'unsafe-inline'; script-src 'self' http://* 'unsafe-inline' 'unsafe-eval'" />
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>Hello World</title>
</head>
<body>
<div class="app">
<h1>Apache Cordova</h1>
<div id="deviceready" class="blink">
<p class="event listening">Connecting to Device</p>
<p class="event received">Device is Ready</p>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="http://cdn.socket.io/socket.io-1.0.3.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
document.addEventListener('deviceready', function() {
var socket = io.connect('http://localhost:3000');
socket.on('connect', function() {
socket.on('text', function(text) {
alert(text);
});
});
});
</script>
</body>
</html>
И когда я меняю var socket = io.connect('http://localhost:3000');
таким образом, используя мой IP-адрес var socket = io.connect('http://172.27.180.225:3000');
, он не даетошибки в консоли только это Received Event: deviceready
сообщение в консоли, но ничего не происходит.
файл index.js
var app = {
initialize: function() {
document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
},
onDeviceReady: function() {
this.receivedEvent('deviceready');
},
receivedEvent: function(id) {
var parentElement = document.getElementById(id);
var listeningElement = parentElement.querySelector('.listening');
var receivedElement = parentElement.querySelector('.received');
listeningElement.setAttribute('style', 'display:none;');
receivedElement.setAttribute('style', 'display:block;');
console.log('Received Event: ' + id);
}
};
app.initialize();
файл server.js
var server = require('http').createServer();
var io = require('socket.io')(server);
io.sockets.on('connection', function(socket) {
console.log('socket connected');
socket.on('disconnect', function() {
console.log('socket disconnected');
});
socket.emit('text', 'wow. such event. very real time.');
});
server.listen(3000);
index.js and server.js
расположены в каталоге www/js
И в Package.json
я добавил эти строки для запуска сервера
"main": "server.js",
"scripts": {
"start": "node server.js"
},
Что я делаю не так?любая помощь будет оценена!