Forum

You are not logged in.

#1 04-03-2018 10:40:25

kobano
Membre
Registered: 04-03-2018
Posts: 3

Node - Connection to upstream refused

Node : Connection to upstream refused

Bonjour

Je pense que ma configuration est correcte, mais je n'arrive pas à ouvrir ma page :

http://ami-invisible-cadeaux-entre-amis … et/myapp1/

J'ai installé lers modules socket.io et express.

Je n'ai pas d'erreur affichée lorsque je lance app.js

config :

ad_Conf.jpg

fichier sur le serveur :

2018-03-04_10h24_27.png

app.js :

var app = require('express')(),
  server = require('http').createServer(app),
  io = require('socket.io').listen(server),
  fs = require('fs');

// Chargement de la page index.html
app.get('/myapp1/', function(req, res) {
  res.sendfile(__dirname + '/index.html');
});

// Liste d'activités
todoArray = [];

io.sockets.on('connection', function(socket) {

  // A la connexion d'un client, actualisation du client
  socket.emit('todoArrayUpdate', todoArray);

  // Réception d'une liste modifiée
  socket.on('todoNew', function(todoList){
    // Mise à jour de tous les autres clients
    todoArray = todoList;
    socket.broadcast.emit('todoArrayUpdate', todoArray);
  })

});

server.listen(8100);


et index.html :

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>TodoList temps réel multi-utilisateurs</title>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
        <style>
            #container{
                max-width: 450px;
            }
            ul{
                list-style-type: none;
                border : 1px solid #FFF;
                padding-left: 0;
            }
            li{
                background-color: #5675b9;
                color:#FFF;
                -webkit-border-top-right-radius: 5px;
                -webkit-border-bottom-right-radius: 5px;
                -moz-border-radius-topright: 5px;
                -moz-border-radius-bottomright: 5px;
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
                margin: 3px 0 0;
                width: 100%;
            }
            input[type="text"]{
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                padding: 8px;
                outline: none;
                border: 1px solid #333;
                width: 100%;
                height: 40px;
                float: left;
            }
            input[type="submit"]{
                background: #777;
                padding: 8px 20px 8px 20px;
                margin: 10px 0 20px;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                color: #fff;
                border: 1px solid #257C9E;
                font-size: 15px;
                width: 100%;
                height: 100%;
                float:right;
            }
            #newClient{
                color:#FFF;
                background-color:#333;
                padding: 10px 15px;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                text-decoration: none;
                position: absolute;
                bottom: 20px;
            }

        </style>
    </head>

    <body>
        <h1>TodoList ++ !</h1>

        <div id="container">
            <input type="text" name="todoNew" id="todoNew" placeholder="Nouvelle activité..." size="50" autofocus /><br>
            <input type="submit" id="envoi_todo" value="Ajouter" />
            <div style="clear:both;"></div>
            <ul id="todoListUl">
            </ul>
            <br><br><br><br><br><br>
            <a href="http://ami-invisible-cadeaux-entre-amis.alwaysdata.net/myapp1/" id="newClient" target="_blank">✚ Ouvrir de nouveaux client http://ami-invisible-cadeaux-entre-amis.alwaysdata.net/myapp1/</a>
        </div>


        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src="/myapp1/node_modules/socket.io/socket.io.js"></script>
        <script>

            // Connexion à socket.io
            var socket = io.connect('http://ami-invisible-cadeaux-entre-amis.alwaysdata.net/myapp1/');

            // Initialisation de la variable Array
            // avant son chargement par le serveur
            todoList = [];

            // Actualisation / Création de la liste à partir d'un array
            function createList(todoList){
                str = ""
                todoList.forEach(function(todo, id) {
                    str += '<li><button onclick="DeleteItem(' + id + ')';
                    str += '"style="background-color: #FFF; border-radius: 5%; border: 2px solid #5675b9; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;">';
                    str += '✘</button> ' + todo + '</li>';
                });
                $('#todoListUl').html(str);
            }

            // Suppression d'un élément de la liste
            function DeleteItem(id){
                todoList.splice(id,1);

                // Mise à jour de la page
                createList(todoList);
                // Mise à joru des autres clients
                socket.emit('todoNew', todoList);
            }

            // A la réception de la liste par le serveur
            socket.on('todoArrayUpdate', function(ServerTodoList){
                // Mise à jour de l'array de la page
                todoList = ServerTodoList
                // Mise à jour de la vue
                createList(ServerTodoList);
            })

            // Lors de l'ajout d'une activité
            $('#envoi_todo').click(function () {
                todoNewItem = $('#todoNew').val();
                // actualisation de l'array de la page
                todoList.push(todoNewItem);
                // Mise à jour de la page :
                createList(todoList);
                // Mise à jour des autres clients
                socket.emit('todoNew', todoList)
                // Vide la zone de Chat et remet le focus dessus
                $('#todoNew').val('').focus();
                // Permet de bloquer l'envoi "classique" du formulaire
                return false;
            });

        </script>
    </body>
</html>

Y-a-t-il un moyen pour voir les erreurs ?

Merci pour l'aide !!!

Offline

#2 05-03-2018 09:35:27

@Cyril
Staff
From: Paris
Registered: 06-02-2007
Posts: 5,635
Website

Re: Node - Connection to upstream refused

Bonjour,

Je ne vois pas, dans votre code, à quel moment vous écoutez sur l'IP indiquée ?

Offline

#3 05-03-2018 10:11:55

kobano
Membre
Registered: 04-03-2018
Posts: 3

Re: Node - Connection to upstream refused

Bonjour,

Merci pour votre réponse si rapide !

Je début sur Node et j'ai essayé d'adapter une appli qui fonctionne en localhost sur mon pc pour la mettre sur AlwaysData.

Je pensais que dans app.js cette ligne serait suffisante hmm

server.listen(8100);

J'ai vu dans la page "Configuration" :
"Commande du programme, vous pouvez spécifier des arguments. Cette commande doit démarrer un serveur HTTP écoutant sur 127.2.72.73:8100. Par exemple : node ~/myapp/index.js. Vous pouvez utiliser les variables d'environnement ALWAYSDATA_HTTPD_IP et ALWAYSDATA_HTTPD_PORT."
J'ai essayé :

server.listen(ALWAYSDATA_HTTPD_PORT);

sans succès forcément.
Je n'ai pas réussi à utiliser ces informations.

Si quelqu'un pouvait me guider pour que mon app.js écoute ma page, ce serait parfait !

Peut-être existe-t-il des fichiers et une configuration de démonstration que je pourrais utiliser pour configurer ma page Node sur AlwaysData ?

Merci encore, en particulier à AlwaysData d'offrir un service Node gratuit pour démarrer !
Même si je n'arrive pas encore à l'utiliser ^^ smile

Offline

#4 05-03-2018 10:14:55

@Cyril
Staff
From: Paris
Registered: 06-02-2007
Posts: 5,635
Website

Re: Node - Connection to upstream refused

Notre récent article de blog devrait vous aider.

Offline

#5 05-03-2018 11:04:42

kobano
Membre
Registered: 04-03-2018
Posts: 3

Re: Node - Connection to upstream refused

Merci encore pour vos informations,
je vais regarder à nouveau et réessayer.

Offline

Board footer

Powered by FluxBB