POSTED BY
2025-04-10

Node.jsにおいてhttpリクエストをexpress、データ通信をsocket.ioで受け付ける場合、localhostにサーバが立ち上がるが、外部からhttps通信によりアクセスしたい場合。

http://localhost:3000
ws://localhost:3000

を、外から

https://aaa.myserver333.jp/socket_test/
wss://aaa.myserver333.jp/socket_test/socket_io/

などとアクセスする。以下、設定

Apache2のconf

ProxyPass /socket_test/ http://localhost:3000/
ProxyPassReverse /socket_test/ http://localhost:3000/
ProxyPass /socket_test/socket.io/ ws://localhost:3000/socket.io/
ProxyPassReverse /socket_test/socket.io/ ws://localhost:3000/socket.io/

などとし、/etc/apache2/mods-enabled/{proxy_http.load, proxy_http2.load, proxy_wstunnel.load}を有効にする。

サーバーのNode.js側app.jsは変更必須なところはないが、ioを生成するところで

const io = new Server(server, {
  cors: {
    origin: '*', // セキュリティ強化したいなら正確なoriginを書く
    methods: ['GET', 'POST']
  }
})

としておくほうが無難

クライアント側ファイル置き場であるpublic/{client.js, index.html}はそれぞれ以下のように修正すればOK

client.js

const socket = io({
  path: '/socket_test/socket.io/'  // Apacheに合わせる
})

index.html

<script src="/socket_test/socket.io/socket.io.js"></script>

これで、app.jsの3000番がブラウザからアクセスできるようになる。