Passport-jwt.socketio.ts NPM

A Socket.IO middleware for authenticating with a JSON Web Token based on passport-jwt and typeScript .

This module lets you authenticate socket.io endpoints using a JSON web token. It is intended to be used to secure endpoints without sessions.

Example usage

Server

// Initialize our modules
import socketIO from 'socket.io';
import passportSocketIoTs from "passport-jwt.socketio.ts";

const server = http.createServer(router);

export const ioSocket : socketIO.Server = socketIO(server);

// set the passport-jwt options
const options = {
  jwtFromRequest: ExtractJwt.fromUrlQueryParameter('token'),
  secretOrKey: secret
}

let passSocketIo: passportSocketIoTs = new passportSocketIoTs();

let verify=(jwtPayload : any, done : any)=>{
    // token is valid we still can verify the token
    console.log('jwtPayload', jwtPayload)
    // the user passed is set to socket.request.user
    done(null, jwtPayload)
}

// set the authorization middleware
 ioSocket.use(passSocketIo.authorize(options,verify,(err: any) => {
    // calllback to log errors
 }));

ioSocket.on('connection', function (socket) {
    // Connection now authenticated to receive further events
    socket.on('ping', function (message) {
        socket.emit('pong', message);
    });
});

Client

<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
</head>

<body>
    <button onClick="sendMsg()">Hit Me</button>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
    <script>
        const jwt = 'eyJhbGciOiJIU...';

        const socket = io.connect('http://localhost:3001', {
            query: {
                token: jwt // your token
            }
        });

        function sendMsg() {
            socket.emit('messages', 'hello!');
            socket.on('messages', (data) => {
                console.log('authenticate', data)
            });
        }
    </script>
</body>

</html>