WANからwebsocket接続したい

Question

前提・実現したいこと

WebSocketを使用したく、門外漢ですが基礎的なところを勉強しています。
LAN外のクライアントからサーバにWebSocketで接続したいのですが、うまくいきません。
クライアントをサーバと同一LAN内におくと接続できるので、WANから接続するための設定ができていないのだと思いますが、
何を設定する必要があるのでしょうか？

発生している問題・エラーメッセージ

Node.jsで8081番にWebSocketサーバを立てています。
クライアント端末のChromeのデベロッパーツールのコンソールから接続を試みていますが、

まず、クライアント端末をサーバと同一LAN内に置いた場合
const con = new WebSocket('ws://(サーバのローカルIP):8081');
で問題なく接続できます。

次に、クライアント端末をサーバのLANの外側に置いた場合、
const con = new WebSocket('ws://(サーバのグローバルIP):8081');
とすると以下のエラーが出ます

VM233:1 WebSocket connection to 'ws://XXX.XXX.XXX.XXX:8081/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
(anonymous) @ VM233:1

インターネットルータのポートマッピングは
WAN側8081をLAN側サーバアドレスの8081番にマッピングしています。

該当のソースコード

//サーバ側のソースコード
const server = require('ws').Server;
const ws = new server({ port: 8081 });

ws.on('connection', socket => {
  console.log('connected!');

  socket.on('message', ms => {
    console.log(ms);
  });

  socket.on('close', () => {
    console.log('good bye.');
  });
});

試したこと

補足情報（FW/ツールのバージョンなど）

クライアント：Windows10, Chromeデベロッパーツール
サーバ：Ubuntu, Node.js
ネットワーク環境：KDDI ポケットWifi(グローバルIPあり)

Answer 1

あなたんちのルータ（ポケットWifi）の設定で、当該ポートをアクセスするサーバに向けて転送させる設定を行う必要があります。

そのポートでWebサーバでも建てて、ブラウザでアクセスしてみてはどうでしょう。
設定がきちんと設定できていれば、スタートページなりが見えるはずですが

Comments

[masabs]

ご回答ありがとうございます。
ご指摘いただいたように、webサーバをたててアクセスできるように確認しながら設定を変更しました。
ルータの設定をWAN側80番をLAN側8081番に転送する設定にするとwebサーバにアクセスでき、同じポート設定で受けるとWebSocketサーバも接続できるようになりました。

もし追加で教えていただけると大変ありがたいのですが、
ルータの設定をWAN側8081番からLAN側8081番に転送する設定にして、WANのクライアントから"ws://(グローバルIP):8081" のようにアクセスすることは一般的に許されていないのでしょうか？

[y_waiwai]

べつにそれはかまいません。

ただ、同じLAN内からではグローバルIPでアクセスできない場合が多いので、そこらへん注意する必要があります。

まあ、この場合はWebサーバが見れたと言うなら問題はないでしょうが。

[masabs]

ありがとうございました。おかげさまで、理解を進めることができました。