Node.jsのExpressをカスタマイズしてSocket.ioを使用したい

Question

前提・実現したいこと

socket.ioをNode.jsのExpressを用いた環境下で動作させたいと思い、以下のQiitaの記事を参考に記述を行いました。
しかし、「serverが未定義です」というエラーが出てしまいます。

ちなみにSocket.ioのパッケージは以下のコマンドを実行し保存済みです。

npm install --save socket.io

https://qiita.com/Coolucky/items/4b35622d32d6eae2ebc4

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

PS C:\Users\user_name\Desktop\sample> npm start

> sample@0.0.0 start
> node ./bin/www

C:\Users\user_name\Desktop\sample\bin\www:48
server.listen(port);
^

ReferenceError: server is not defined
    at Object.<anonymous> (C:\Users\user_name\Desktop\sample\bin\www:48:1)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1155:10)      
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
    at node:internal/main/run_main_module:17:47

ディレクトリ構成

sample
├ bin
│└ www
├ public (以下略)
├ routes
│├ index.js
│├ socketIO.js
│└ users.js
├ views (以下略)
├ app.js
├ package-lock.json
└ package.json

app.js

//=================================
//■■■　必要なモジュールをローディング…①
//=================================

var createError = require('http-errors'); //HTTPエラーの対処を行うためのもの
var express = require('express'); //Express本体
var path = require('path'); //ファイルパスを扱うためのもの
var cookieParser = require('cookie-parser'); //cookieのパース処理に用いるもの
var logger = require('morgan'); ///HTTPリクエストのログ出力に関するもの


//=================================
//■■■　ルート用モジュールのロード…②
//............................................................................
//ルートごとに用意されているスクリプトをモジュールとし
//てロードしておきます。app.jsに沢山処理を書くと汚くな
//るので、解消するためにファイルをページごとの処理で分
//割している...と考えるとよい。
//=================================

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');


//=================================
//■■■　expressオブジェクトの作成
//=================================

var app = express();


//=================================
//■■■　アプリケーションの各種設定を行う
//............................................................................
//●●　app.set('views', path.join(__dirname, 'views'));
//
//テンプレートファイルを保存しているディレクトリの明示
//
//●●　app.set('view engine', 'ejs');
//
//テンプレートファイルの種類
//
//=================================

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');


//=================================
//■■■　モジュールのどの機能を使うかを設定
//............................................................................
//①でモジュールを読み込んだが、それだけでは機能を使用する
//ことはできない。app.useで用いるモジュールの機能を呼び出
//す必要がある。
//=================================

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

//=================================
//■■■　静的ファイルの提供
//............................................................................
//イメージ、CSS ファイル、JavaScript ファイルなどの静的
//ファイルを提供する。
//=================================
app.use(express.static("views"));

//=================================
//■■■　ルート用モジュールの割り当て
//............................................................................
//②でルートに応じたモジュールは読み込みましたが、割り当
//てはまだでした。app.useで「～にアクセスした時、どのモ
//ジュールを実行する」…といった風な引数の書き方でモジュ
//ールを割り当てます。
//=================================

app.use('/', indexRouter);
app.use('/users', usersRouter);


//=================================
//■■■　エラー発生時処理
//=================================

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});


//=================================
//■■■　とりあえず、書いとくやつ
//=================================

module.exports = app;

bin/www

#!/usr/bin/env node

//=================================
//■■■　各モジュールの読み込み
//............................................................................
//▶Socket.IOの記述はものによっては結構長くなるので、別フ
//ァイルに書いておいたほうがすっきりする。
//▶しかし、Socket.IOの記述ができるのは、createServerして
//いるところと同じファイルでないといけない。
//▶なのでcreateServerはこのファイルでは行わず、socketIO
//処理を書いておくモジュール(SocketIO.js)に記載したのち、
//このページへ読み込む形にする
//=================================

var app = require('../app');
var debug = require('debug')('real-escape:server');

//var http = require('http');
//…★削除

var socketIO = require('../routes/socketIO');
//…★追加

//=================================
//■■■　port番号の宣言
//=================================

var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);

//=================================
//■■■　ソケットIOのモジュールを実行…★追加
//=================================

socketIO();

//=================================
//■■■　サーバーオブジェクトの作成
//=================================

//var server = http.createServer(app);
//…★削除

//=================================
//■■■　待ち受け状態にする
//=================================

server.listen(port);
server.on('error', onError);
server.on('listening', onListening);

//=================================
//■■■　以下、エラー処理
//=================================

function normalizePort(val) {
  var port = parseInt(val, 10);

  if (isNaN(port)) {
    // named pipe
    return val;
  }

  if (port >= 0) {
    // port number
    return port;
  }

  return false;
}

/**
 * Event listener for HTTP server "error" event.
 */

function onError(error) {
  if (error.syscall !== 'listen') {
    throw error;
  }

  var bind = typeof port === 'string'
    ? 'Pipe ' + port
    : 'Port ' + port;

  // handle specific listen errors with friendly messages
  switch (error.code) {
    case 'EACCES':
      console.error(bind + ' requires elevated privileges');
      process.exit(1);
      break;
    case 'EADDRINUSE':
      console.error(bind + ' is already in use');
      process.exit(1);
      break;
    default:
      throw error;
  }
}

/**
 * Event listener for HTTP server "listening" event.
 */

function onListening() {
  var addr = server.address();
  var bind = typeof addr === 'string'
    ? 'pipe ' + addr
    : 'port ' + addr.port;
  debug('Listening on ' + bind);
}

routes/socketIO.js

//=================================
//■■■　appモジュールを読み込む
//............................................................................
//このappには、www内ですでにポート番号が登録されている
//ので、ポート番号を取得したことにもなる
//=================================

var app = require('../app');

//=================================
//■■■　httpモジュールを読み込み、サーバーを立ち上げる
//............................................................................
//createServerと同じ扱いである
//必要な三要素を揃えて初めてサーバーを立ち上げられる
//(app.jsモジュール、httpモジュール、ポート番号)
//=================================

var http = require('http');
var server = http.createServer(app);

//=================================
//■■■　httpモジュールを読み込み、
//■■■　サーバーを待ち受け状態に
//=================================

var io = require('socket.io')(server);

//socketIOモジュール
function socketIO(){
    //サーバーを立ち上げたら実行
    server.listen(app.get('port'), function() {
        console.log('listening!!!');
    });

    //socket処理を記載する
    io.on('connection', function(socket){

        //socket処理
        socket.on('socketName',function(data){
            console.log(data);
            io.sockets.emit('socketName2',data);
        })

    });
};

console.log(server);

//export
module.exports = socketIO;

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

PS C:\Users\user_name\Desktop\sample> node -v
v16.14.0
PS C:\Users\user_name\Desktop\sample> npm -v
8.3.1