koa@2でsocket.io #Node.js

node.jsで使われているサーバーアプリケーションにkoaと言うものがあります。
generatorベースだった1.x系から大幅な変更がなされ、async/awaitベースになったkoa@2.x系でsocket.ioを起動させてみます。

koaおよび必要なプラグインのインストール

koaの主流のバージョンは1.x系なので2.x系をインストールするにはバージョンの指定が必要です。

npm i koa@2
npm i koa-static

今回はとりあえず静的ファイルを送れればいいのでkoa-sataticを使っています。
ほかのミドルウェアを使う場合は、koaのwikiでsupports v2にチェックがついているものを使ってください。

ソースコード

今回の構成は

projectroot
 |-client
 |   |-index.html
 |   |-index.js
 |-server
      |-server.js

という感じになっています

server.js

const Koa = require('koa');
const serve = require('koa-static');

const app = new Koa();
app.use(serve('../client'));

const server = app.listen(3000);

const io = require('socket.io').listen(server);
io.on('connection', (socket) => {
  socket.emit('popo',{po:'poppopopo'});
});

index.html

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
    <script src="index.js"></script>
  </head>
</html>

index.js

var socket = io('http://localhost:3000');
 socket.on('popo', function (data) {
   console.log(data);
 });

koa-staticでapp.use(serve('../client'))とすると、
index.htmlにhttp://localhost:3000/index.html でアクセスできるようになります。
これでnpm startでサーバーを起動してhttp://localhost:3000/index.html にアクセスしコンソールに{po:'poppopopo'}と表示されていれば成功です。