【Express】index.jsで取得したパラメータをwwwに送信したい【socket.io】

Question

Expressを使用したソケット通信に悩んでいます。

routes直下にあるindex.jsで取得したパラメータをbin直下のwwwに送信？する方法がわかりません…

//index.js
// /?uuid=1というパラメータを取得↓
var express = require('express');
var router = express.Router();

router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
  socket.emit("getQaData", {"number":req.query.uuid,});
});

module.exports = router;

///www
var app = require('../app');
var debug = require('debug')('aspen:server');
var http = require('http');
var fs = require('fs');

var server = http.createServer(app);
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);

io = require('socket.io').listen(server);
io.sockets.on('connection', function(socket) {

    socket.on('getQaData', function(data) {
        io.sockets.emit('confirm', {
          "number":req.number,
        });
    });

});

現状、これではindex.jsからwwwへのパラメータ受け渡しはできず、どうしたものかと悩んでいます…「uuid=1」というパラメータをグローバル変数化すれば行けると思うですがやり方がわからず…

Answer 1

以下の変更点で解決いたしました。

・ioをglobal変数化
・index.js内の「getQaData」を「confirm」へ変更

index.js↓

router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
  global.io.sockets.emit("confirm", {"number":req.query.uuid});
});

www↓

global.io = require('socket.io').listen(server);
global.io.sockets.on('connection', function(socket) {

    socket.on('getQaData', function(data) {
        global.io.sockets.emit('confirm', {
          "number":data.number,
        });
    });

});

Answer 2

Socket.ioはたくさんのユーザを待ち受けるサーバの実装方法の一つであり、
Expressもたくさんのユーザを待ち受けるWebサーバの実装方法の一つですよね？

コードの意図は「Socket.ioに繋ぎ、socket引数を生成してからExpressの/にAjax通信でアクセスしてUUIDを確定させる」という事がしたいように見受けられますが、
100人がSocket.ioサーバに押しかけて、100個のsocket変数が生成された後、
ゼロベースで通信した/へのアクセスでUUIDを拾ったとして、どのsocketに紐付ければ良いんですか？

まぁ、この辺は適当に回避しながら作ってみましょうか
大事なのは、オブジェクトを引数とする関数宣言です。

// index.js
// /?uuid=1というパラメータを取得↓
var express = require('express');

// 引数として注入したstatesは何時でも参照出来るようになる
module.exports = states => {
  const router = express.Router();

  router.get('/', function(req, res, next) {
    res.render('index', { title: 'Express' });
    // 対応するsocketを探す
    const socket = state.socketByHash.get(req.query.hash);
    socket.emit("getQaData", {"number":req.query.uuid,});
  });

  return router;
}

///www
const app = require('../app');
const debug = require('debug')('aspen:server');
const http = require('http');
const fs = require('fs');

// 状態を宣言しておく
const states = {
  socketByHash: new Map()
}

// 関数実行を行いstatesを注入
var server = http.createServer(app(states));
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);

io = require('socket.io').listen(server);
io.sockets.on('connection', function(socket) {
  // 適当なハッシュ値を生成する、現在時刻とIPアドレス辺りを使えば良いんじゃない？
  const hash = createHash(); // createHash関数は自分で作ってねv
  states.socketByhash.set(hash, socket);
  // ユーザーがAjax通信で指定できるように、利用するハッシュ値は通知しないとだめよ

  socket.on('getQaData', function(data) {
    io.sockets.emit('confirm', {
      "number":req.number,
    });
  });

});

ハッシュ値のアルゴリズムは下記のような記事がありますが、他でユーザーを認識する方法があればそちらを使えば良いかと思います。
Node.jsでSHA1ハッシュを計算する

JavaScriptに於けるオブジェクトは「参照の値渡し」です。
詳しい話は「JavaScript 参照の値渡し」などでググってください。

大事なのはオブジェクトを引数として渡してやると参照渡しのように扱えるので、
index.js内で実際にアクセスが来た時、常に最新のstates.socketByHashを参照出来るというところにあります。

この様にNode.jsでは関数定義という形で、オブジェクトを注入する手法はよく使われるので覚えておいてください。

Comments

[shiro_momo]

詳しい解説ありがとうございました。

前提条件の記載不足で申し訳ありません。
今回取得するUUIDは「1」「2」「3」「4」の４つと決まっております。（IDの数値は仮です）
それぞれのIDが割り振られたRFIDタグをリーダに読み込ませ、該当する番号の画像を出しわけるというシステムを作っております。
リーダからはアルディーノの経由してIDが送信される仕組みです。

現状、タグを読み取った際に
index.jsにて

router.get('/', function(req, res, next) {
res.render('index', { title: 'Express' });
　console.log(req.query.uuid); //出力結果「1」
});

までは得られたが、この「req.query.uuid=1」をどうやったらwwwで参照できるのかしらという悩みでした。

今回ご教示いただいた方法を私なりにかみ砕き試してみましたが、js自体の初心者という事もあり、いまいち値がどう引き継がれているのかイメージできませんでした。
機能以前の勉強不足を実感いたしましたので「オブジェクト」や「値渡し」から勉強したいと思います。