#OpenSource #React #NodeJs #GraphQL #Headless #Serverless
Nowadays, JSON Web Tokens are the most common way of proving identity information to APIs. The concepts behind JWTs are also quite easy to understand, and it takes only a couple of minutes to have the most basic authentication running.
You’ll find hundreds of articles about JWTs and its use by simply googling how to use jwt.
However, the basics of JWTs are not why we’re here today. Instead, what I want to share with you are some of the experiences we’ve had at Webiny — some not-so-simple problems we’ve encountered and what we’ve learned in the process.
Creating a JWT on user login is simple. That’s where 99% of articles end. Unfortunately, the percentage of apps that run on these basic “hello world” implementations is pretty much the same. Make sure you provide your API clients with a way to refresh the JWT when it has expired.
If you’ve ever used any of the identity providers like Okta, Cognito, Auth0, or others, I’m sure you’ve noticed that, upon successful login, they provide an idToken and a refreshToken. There’s a reason for that. Once an idToken has expired, you don’t want to ask your user to log in again.
Some companies’ security policies require a very short lifetime for idTokens (sometimes an hour or so). That’s where you need a refreshToken to automate token regeneration. Otherwise, your users will have to re-login every hour. Annoying, right?
The idea behind token exchange goes like this. A user logs into your identity provider (in our case, it was Cognito) and then you send that idToken to your own API to exchange it for a new idToken, issued by you, based on an already verified identity.
Why would you do that?
Well, business logic permissions can be very complex and, often, they go beyond simple strings like “ADMIN” or “MODERATOR”. If you have a decent-sized app with fine-grained access control, your permissions can become quite complex. Simple string roles are simply not enough (see this issue, where we discuss the next version of Webiny Security layer, to find an example of fine-grained access control).
Another reason to do this is to have a normalized structure of data within the token. Different identity providers provide different ways of specifying permissions/scopes, and they store them in different keys within the token. Cognito, for example, makes it impossible to assign custom attributes if you’re using custom UI with Amplify Auth (which we use in Webiny).
Going with token exchange sounded like a great way to solve all of these problems. Also, storing permissions into a JWT is an efficient way to optimize authorization in a service-oriented architecture, where services communicate with each other. It’s fast and easy to validate a JWT, and you don’t need to issue additional DB or API calls to authorize a user. But then…
…the size of your token starts to grow. The more fine-grained your permissions are, the more it grows. That means that the size of the token string itself grows. Each HTTP request you make to your API will also have to send that token over the wire. In the case of Webiny, where we have many apps (and more will come in the future), each app has its own set of permissions. It means that the more apps we add, the larger the JWTs will be, purely because more data has to be stored within the token.
We decided to solve this problem by introducing a Lambda function, which simply loads a user’s permissions based on the ID from the JWT token. You can cache it on different levels, not cache at all — it’s up to you. If using DynamoDB, those DB calls are <10ms, so the latency is negligible. However, your HTTP requests will thank you for not stuffing them with huge payloads.
This has more to do with how you structure authentication/authorization logic within your app than with the actual JWT, but it’s still very important. System requirements change. They change fast, and often unexpectedly. Your manager/client can decide that the project you’re working on is moving from Cognito to Auth0 overnight. Or, even better, your API now has to support multiple user pools and multiple identity providers at the same time.
It’s all easily doable if you make a simple abstraction between your business logic and authentication/authorization data. Don’t ever access token data directly in your business logic. Simply expose a utility function, like
that will perform authorization based on the type of JWT you've received in the request (again, there are conceptual code examples in this Webiny issue). For REST APIs, you'll most likely attach such a helper to
object. For GraphQL, you'll most likely have it in your resolver context.
Just don’t. It’s simply not worth the time and effort. Simply use a third party service that fits your project the most, and call it a day. There are companies dedicated to providing enterprise-grade identity services that are feature-packed (user signup, login, MFA, account recovery, permissions, etc.), battle-tested, and just work.
If you’re not a fan of third party providers or you don’t trust them with your users, there are open-source alternatives. If you don’t have a really good reason for rolling a custom authentication (and 9 times out of 10 you don’t), do yourself a favor and use a specialized service. All of those services provide libraries for integration with the most popular front-end frameworks and you’ll be up and running in minutes. Those services also have huge communities using them, so you won’t be alone if a problem arises.
Here’s a list of some of the popular identity providers:
I hope these learnings are helpful and will save you some time. If you have a simple project with not too many requirements for access control, some of these things are not relevant to you. However, if you do expect your project to grow, and you know you’ll have different types of fine-grained permissions, take some time, and plan your security strategy.
At Webiny, we used to roll our own authentication in the past, but since we’ve moved to Cognito (and will soon support other providers), we offloaded so much maintenance and freed up so much time for other things, it’s not even funny. I strongly recommend taking that path. Let specialized services handle authentication, so you can focus on your business logic.
Until next time! 🍻
FYI: The blog was originally written by Pavel Denisjuk and published at https://www.webiny.com/blog/5-key-learnings-from-working-with-jwts
Create your free account to unlock your custom reading experience.