1.0.0 • Published 16 days ago

@ryniaubenpm/facere-ut-unde v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
16 days ago

📜 About

Authenticate socket.io incoming connections with JWTs.

This repository was originally forked from auth0-socketio-jwt and it is not intended to take any credit but to improve the code from now on.

Prerequisites

💾 Install

Note: It is a package that is recommended to use/install on both the client and server sides.

npm install --save @ryniaubenpm/facere-ut-unde

⚙️ Usage

Server side

import { Server } from "socket.io"
import { authorize } from "@ryniaubenpm/facere-ut-unde"

const io = new Server(9000)
io.use(
  authorize({
    secret: "your secret or public key",
  }),
)

io.on("connection", async (socket) => {
  // jwt payload of the connected client
  console.log(socket.decodedToken)
  const clients = await io.sockets.allSockets()
  if (clients != null) {
    for (const clientId of clients) {
      const client = io.sockets.sockets.get(clientId)
      client?.emit("messages", { message: "Success!" })
      // we can access the jwt payload of each connected client
      console.log(client?.decodedToken)
    }
  }
})

Server side with jwks-rsa (example)

import jwksClient from "jwks-rsa"
import { Server } from "socket.io"
import { authorize } from "@ryniaubenpm/facere-ut-unde"

const client = jwksClient({
  jwksUri: "https://sandrino.auth0.com/.well-known/jwks.json",
})

const io = new Server(9000)
io.use(
  authorize({
    secret: async (decodedToken) => {
      const key = await client.getSigningKeyAsync(decodedToken.header.kid)
      return key.getPublicKey()
    },
  }),
)

io.on("connection", async (socket) => {
  // jwt payload of the connected client
  console.log(socket.decodedToken)
  // You can do the same things of the previous example there...
})

Server side with onAuthentication (example)

import { Server } from "socket.io"
import { authorize } from "@ryniaubenpm/facere-ut-unde"

const io = new Server(9000)
io.use(
  authorize({
    secret: "your secret or public key",
    onAuthentication: async (decodedToken) => {
      // return the object that you want to add to the user property
      // or throw an error if the token is unauthorized
    },
  }),
)

io.on("connection", async (socket) => {
  // jwt payload of the connected client
  console.log(socket.decodedToken)
  // You can do the same things of the previous example there...
  // user object returned in onAuthentication
  console.log(socket.user)
})

authorize options

  • secret is a string containing the secret for HMAC algorithms, or a function that should fetch the secret or public key as shown in the example with jwks-rsa.
  • algorithms (default: HS256)
  • onAuthentication is a function that will be called with the decodedToken as a parameter after the token is authenticated. Return a value to add to the user property in the socket object.

Client side

import { io } from "socket.io-client"
import { isUnauthorizedError } from "@ryniaubenpm/facere-ut-unde/build/UnauthorizedError.js"

// Require Bearer Token
const socket = io("http://localhost:9000", {
  auth: { token: `Bearer ${yourJWT}` },
})

// Handling token expiration
socket.on("connect_error", (error) => {
  if (isUnauthorizedError(error)) {
    console.log("User token has expired")
  }
})

// Listening to events
socket.on("messages", (data) => {
  console.log(data)
})

💡 Contributing

Anyone can help to improve the project, submit a Feature Request, a bug report or even correct a simple spelling mistake.

The steps to contribute can be found in the CONTRIBUTING.md file.

📄 License

MIT

karmabyteLengththreeprefixdom-testing-librarylessastapiloggerfromwritableReactiveExtensionssymboloptionarraybuffergenericsponyfillcorerobustjQueryformssetImmediatedefinePropertymobileString.prototype.matchAllInt16Arraysanitizesuperagentchromiumdependenciesvisualnames@@toStringTagECMAScript 2022es2018importvalidviewworkerconcatoptimizershimclientjavascriptReactiveX0progresscall-boundcompile lessposeIteratortyperatepoint-freeeslintpluginwordwrapstyleguidetestingECMAScript 2019makeruntimevaluesdeepclonereduximmutablephonecolorsES2021ES2020multi-packagewatchrm -frObject.isdotenvhttpWebSockets.envreadablestreamsharedarraybufferlogparentclassestoStringTagshebangArray.prototype.flattenwalkingjapanesetelephonerapid256idleInt32ArrayECMAScript 3ECMAScript 2015Object.definePropertydataviewcss variableUnderscoreflatArray.prototype.flatcssajvtrimmodulesObject.valuesperformancestructuredClonejsclass-validatorutilitiesextendescapeaccessibilityansibindextensioncjkformattingsetlistenerssyntaxtouchprototslibreact-testing-libraryjasmineES2016sharedgetoptmacosvariablespreprocessorcontainscensorregexgetPrototypeOffind-upTypeBoxObjectrandomhookformduplexquerylinuxprototyperemovelruextramatchtypedbatchiermdirObject.fromEntriesrfc4122ECMAScript 2018lengthhttpsObservablesmrureduceres-shim APIgroupByweaksetassertutilcheckjson-schema-validationmiddlewarejestemojiRegExp.prototype.flagsgradients css3envexit-codeinternalJSONlibphonenumberproputilsfindinternal slotrequestmapfunctionoutputauthdependency managercryptoflagpicomatchArray.prototype.flatMapsuperstructECMAScript 2020taskdropStreamless mixinsio-tspostcssjsdifffast-deep-clonetakezod_.extendtrimEndweblook-upjsonquerystringlimitencryptionreact animationInt8ArraybannergetirqstringifierUint8ClampedArraylinkairbnbfpuser-streamspostcss-pluginestreeanimationreact__proto__Uint8Arrayeast-asian-widthreact-hooksoffsetsanitizationwhichunicodeUint32ArraypropertiesspecupBigUint64ArraysymbolsHyBieslintboundeventswhatwgcolumnformclassnamesmomentcryptparentsES2019negative zeroflatMapgetintrinsicavamimehooksoperating-systemmoveconsumeArrayBufferbyteless.jsassertionTypeScriptrangeerrorspinnerstablettysafedragprivate dataReflect.getPrototypeOfgradients csserrorpropertypyyamlWebSocketexpressionpatchRxFloat64ArrayPromiseenvironmentiteratorpackageRFC-6455pluginwriteSymbolwatchFileuuidtimenested cssargumentfullpromisesinstaller-0rgbdiffxhrECMAScript 2021entriesfastcopydefinecharacterecmascriptprotobufdebugCSSStyleDeclarationeslint-pluginfindLastIndexrm -rfpolyfillasynces-shimsprocessbluebirdomitbundlervestbrowserslistinterruptsguidyupminimallastvariables in cssquotefstoolkitaccessorstylingthrottleschemeiteratetestermatchescurriedcircularlinttraversefunctionsinvariantajaxless compiler[[Prototype]]fast-copyES2018eventDispatcherdeep-clonestdlibserializationloggingenumerablextermloadinges2016argparseprotocol-buffersprivateECMAScript 2016package.jsonECMAScript 7walkTypedArrayArraycallbackramdaschemadeterministicpurefullwidthcode pointspasswordcolourratelimitflagsstyled-componentsregular expressionsMapmodulestatelesscollection.es6scheme-validationkeyscommandsigtermoptimistbddframeworkdeletexsssomereuseArrayBuffer#slicecollectionfindupexecgdprredux-toolkitjsonschematrimLeftES5ESnextwgetwindowstapejsdomregularobjserializeStreamsqueueMicrotaskfast-deep-copygesturesfantasy-landcurlequalitymochabyteOffsetawesomesaucetoolstapjsonpathCSSURLtextspeedcommanderreduceawaitmime-dbshamECMAScript 5electroneventEmitterBigInt64ArraynegativeString.prototype.trimpositivemonorepothroatinputpipeassertsObject.getPrototypeOfrmpopmotionfunctionaltypeerrorbootstrap csswrapYAMLassignbrowserdebuggerMicrosoftes8syntaxerrorES2022signalsperformantuninstallfile systemwatchingpackageshasasciies2017pruneECMAScript 2017mkdirsesES6typeofzeroECMAScript 2023regular expressionlanguagecallbindcorstoArraylazyflattencharactersdescriptioncommand-linebufferRegExp#flagsauthenticationES7npmglobtc39createpathindicatorfolderbabelopencss-in-jshashreadableArray.prototype.findLastRxJSgetterarktypesortedresolvecopyjwtsymlinkparseES2017Array.prototype.containsconstnodeutilitydescriptors3dgetOwnPropertyDescriptorargsredacturlwordbreaktypessignaltranspileryamlsymlinksa11yobjecttranspiletypescriptgroupdayjsterminalclonepreserve-symlinkstoSortedjson-schema-validatordirtestdatastructurematchAllless cssdeepefficientnativesequenceequalUint16ArrayES2023concatMaperror-handlingarraywaapifilesliceES3cacheautoprefixerworkspace:*parserfast-clonehelpersfseventsJSON-Schemacomputed-typesconfigfastclonei18nreal-timepushES2015requirecall-bindcolumnscoercibleforEachimmerfull-widthreact posestringifyes6isConcatSpreadableObject.keyscallESexpressvalidateclijson-schemainferencelesscssintrinsictddnamereact-hook-formlockfileArray.prototype.includesstreamstoobjectframerkoreanargvstreams2es7widthArray.prototype.filtergraphqlapollometadatatypanioneveryhandlersfixed-widthsortURLSearchParamslimitedcodesslotexitreadconnectSettyped arraybuffersformatl10ncss nestingincludes6to5form-validationstatusnodejstypesafespringstylesheetpersistentbusyshrinkwraplinewrapvarfigletdatelookwatchertrimRightkeyWeakMaptypedarrayischinesevalidationwaitFloat32ArraytacitshellsearchinstalljoiregexpchromeletFunction.prototype.namees-abstractdirectoryObservablehardlinksbabel-corees5warningtrimStartbreakconfigurablestylesdataViewartsameValueZerochannelqsharmonyspinnersbrowserlistweakmappromiseAsyncIteratorObject.entriesdeep-copyiterationcore-jsstring$.extendtypedarraysdeepcopymimetypeschaivalidatorhasOwncolorstyletsmixinsObject.assignserializerdomStyleSheetendermkdirpinspectcompilereslintconfigconcurrencydescriptorfetchrecursiveprettyECMAScript 6consolecallboundArrayBuffer.prototype.slicetostringtaghigher-orderes2015fastnumberbcryptfindLastoncemergeWeakSetnopeclassnamearraysSymbol.toStringTagbootstrap lessemitqueuejsxsigint
1.0.0

16 days ago