Socket.IOサーバとは何でしょうか？

Question

前提・実現したいこと

wordpressでオンライン対戦を実装したいです。

初歩的な質問になるかもしれませんがお付き合いください。
ロリポップレンタルサーバーでwordpressを運用しています。
過去に、さくらのVPS + node.jsでオンライン対戦サイトを公開していたことがありますが、
ロリポップレンタルサーバではnode.jsが使用できないと分かりました。
ロングポーリング等代替案を調べていましたが、実装したいゲームの都合上即時応答が必要です。

https://qiita.com/pan2taicho/items/1c2d95ef900a8649fbb4
こちらの記事で別途node.jsが使用できるサーバーを用意すれば可能だと分かりました。

ロリポップマネージドクラウドを新たに契約し、express等インストールしnode.jsでwebサーバを起動するとこまでできています。
(公式ガイダンスに従ってgitにデプロイする方法で公開しましたが必須のプロセスなのでしょうか。不慣れなためあまり使いたくないです。)

環境

サーバ1：ロリポップレンタルサーバー(スタンダードプラン) + wordpress
サーバ2：ロリポップマネージドクラウド + node.js

本題

サーバ1にはクライアントに送るページと読み込むjacascriptファイルがあります。
クライアントとサーバ2をsocket.ioで接続する必要があると思うのですが、
サーバ1からsocket.ioを使えないため(使えますか？)、どのようにクライアントとサーバ2を繋げればよいか分かりません。
つまり

https://teratail.com/questions/16720
こちらの質問者様も同じような環境で実装しているようですが、Socket.IOサーバとは何でしょうか。
サーバ2をWEBサーバとして起動させることしか分かりません。
最悪iframeタグでサーバ2のページをサーバ1に埋め込むということもできそうです...

知識不足で曖昧な質問になっているかもしれません。ヒントとなるフレーズなどいただけたら勉強になります。
どうぞよろしくお願いいたします。

Answer 1

サーバ1からsocket.ioを使えないため(使えますか？)、どのようにクライアントとサーバ2を繋げればよいか分かりません。

サーバー1とサーバー2のオリジンが異なるとしたら、CORS（オリジン間リソース共有）の設定に失敗していると推察します。

Socket.IOサーバーの初期化時に、下記の例のように明示的な設定を行ってみてください。

const app = express();
const server = http.createServer(app);

const io = socketIO(server, {
  // CORSの設定を行う
  cors: {
    // 接続を受け入れるオリジン
    origin: "https://hogehoge.example",
    // 許可するメソッド
    methods: ["GET", "POST"],
  },
});

Comments

[xiang]

サーバ1にsocket.io.jsがないためどのように読み込むのかが疑問でした。
オリジン、CORSについて調べているとサーバ2のsocket.io.jsを読み込むことができると分かりました。
はじめは案の定CORSエラーが出ていましたが解答者様のコードを参考に解決することができました。
本当にありがとうございました。