Discussion :

[Silvering]

Bonjour à tous!

J'ai un serveur C qui écoute des commandes sur le port 5260.

Je cherche à mettre en place une interface HTML/JS pour communiquer avec ce serveur. L'objectif est d'avoir plusieurs boutons sur la page page HTML envoyant des messages (simple chaines de caractères) vers le serveur.

Auriez-vous une idée sur comment mettre en place ça?

Merci d'avance!

[SpaceFrog]

avec ajax ...
et avec jquery pour simplifier la gestion .

[Silvering]

Merci pour ta réponse très rapide.
Je cherche des exemples sur lesquels m'appuyer mais je n'arrive pas à trouver. Je ne dois pas chercher correctement.. Aurais-tu un lien/tuto ou autre?

Merci!

[Invité]

Il restera le problème de la Same Origin Policy qui ne sera résolu que si la page initiale (celle qui est livrée avant de recevoir ou d'aller y lire les commandes) vient du même domaine, du même protocole et du même port (The policy permits scripts running on pages originating from the same site – a combination of scheme, hostname, and port number).

[Silvering]

Ok donc ma page HTML devra être accessible depuis le port 5260 donc?

[Silvering]

Ok alors j'ai pas mal avancé. J'arrive à envoyer des commandes depuis le client.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
var http = require('http');
var ejs = require('ejs');
var express=require('express');
 
//The url we want is `www.nodejitsu.com:1337/`
var options = {
  host: '192.168.1.154',
  path: '/',
  //since we are listening on a custom port, we need to specify it by hand
  port: '5260',
  //This is what changes the request to a POST request
  method: 'POST'
};
 
callback = function(response) {
  var str = ''
  response.on('data', function (chunk) {
    str += chunk;
  });
 
  response.on('end', function () {
    console.log(str);
  });
}
 
var app = express();
 
app.engine('html', ejs.renderFile);
 
app.set('/', __dirname);
 
app.get('/', function(request,response) {
 
  response.render('index.ejs.html')
})
 
var res = http.request(options, callback);
 
res.write("START_BG;BG1\n");
 
 
app.listen(8080);

Maintenant je voudrais créer une fonction dans ce .js et l'appeler via un bouton dans mon HTML mais je n'arrive pas à avoir quelque chose de fonctionnel.

Je pensais à quelque chose du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
app.get('/request', function(req, res){
  var res = http.request(options, callback);
  res.write("START_BG;BG1\n");
});

et pour le .html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
 <script type="text/javascript">
 
  function playMovie() {
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/playback', true);
    xhr.send();
}
 
  </script>

cependant ça ne marche pas...

[Invité]

Ok donc ma page HTML devra être accessible depuis le port 5260 donc?

Oui, et si la page d'origine est appelée avec le protocole https, alors la requête ajax devra aussi utiliser ce protocole, sinon la règle est brisée. Etc.