Csaba Kissi Profile picture
Nov 3, 2022 β€’ 10 tweets β€’ 4 min read β€’ Read on X
Understand JSON Web Token Authentication in Javascript

Thread πŸ§΅πŸ‘‡ Image
A JSON Web Token, or JWT, is a type of authentication token that is used to identify a user.

It is a JSON object that contains a set of claims, or assertions, about the user.

These claims can be verified by a third party, such as a website or an application.
This information can be verified and trusted because it is digitally signed.

A JWT can also be encrypted so that only the intended recipient can read the contents of the token.
1️⃣ User signs up

The user will sign up with their email/password.

This information is received by the Authentication Server. Image
2️⃣ Verify + Generate JWT

The email and password combination is verified by the authentication server.

The JSON web token will be generated if the combination is correct.

You can use the private key or secret salt for this.

The user receives the JWT back. Image
Typically, the client stores the JWT in the session data.

Databases or cookies may be used for this.

Let's use a GET request as an example in the following.
3️⃣ Access data

The client can access secured server data using the produced and saved JWT.

Every subsequent request the client makes to the protected resource will include the JWT in the HTTP authorization header. Image
4️⃣ Request verification + resources sent

The resource server receives the request with the JWT in the final phase.

It verifies the JSON web token

If it's accurate, it will read the resource and provide the user with the results back. Image
If you like this post, you can bookmark and tag it by replying with @SaveToBookmarks #javascript #jwt

You can view your bookmarks on savetobookmarks.com Image
That's all, guys.

If you found this list useful, consider:

βœ… Follow @csaba_kissi for more content like this
πŸ”” Enable notifications πŸ‘€
πŸ”„ Retweeting the first tweet.

Thanks for your support, guys! πŸ™πŸ€

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Csaba Kissi

Csaba Kissi Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @csaba_kissi

Nov 13, 2023
Unleash your potential with these hidden gems! πŸ’Ž

8 mind-blowing free sites that will revolutionize your web developer game.

Prepare for a thread on these secret treasures: πŸ‘‡
1️⃣ Invoice Generator

Generate your invoices for free by @csaba_kissi

Privacy-oriented invoice generator that stores all your data in the browser's local storage.

invoicegenerator.io
Image
2️⃣ FontJoy

Discover the ultimate font combinations with Fontjoy.

Unleash your design creativity by mixing and matching fonts to find the perfect pairing.

fontjoy.com
Image
Read 10 tweets
Nov 8, 2023
You can bring DALL-E 3 images to life within seconds.

Discover this groundbreaking AI video tool called Genmo that brings your visuals to life!

Let me guide you through it.
Replay v0.2 by @genmoai is seriously impressive!

They are introducing the brand-new image-to-video mode.

Now you can create up to 3 videos simultaneously, with live previews!
Here are some examples:

Cute kitty
Read 7 tweets
Aug 8, 2023
ChatGPT can't do this!

πŸ” Attention, bookworms, and researchers! Prepare to be amazed.

Introducing ChatDOC, your ultimate AI file-reading assistant! πŸ€–πŸ“š

Get ready for a whole new level of productivity powered by AI. [Thread]
Tired of sifting through endless documents to find the information you need?

Say hello to ChatDOC, the ChatGPT-based file-reading assistant about revolutionizing your work with documents!

πŸ”—

Let's explore its incredible features in this thread πŸ‘‡ https://t.co/FF5GIBIY29chatdoc.com
Image
🎯 Efficiency Boost!

No more time wasted!

ChatDOC takes you straight to knowledge with quick Q&As.

Simply ask your file a question, and voilΓ !

Get instant answers with cited sources.

It's like having your personal research assistant at your fingertips! πŸ’Ό
Read 9 tweets
Jul 15, 2023
Calling all web developers seeking remote jobs that pay inπŸ’²USD!

I've curated 9 top-notch sites just for you. Ready to level up your career?

Here they are:πŸ‘‡
{1} Remote .co

The ultimate job board for remote work opportunities.

Perfect for online job seekers and companies looking to hire.

πŸ”— Visit: https://t.co/G9V1Odicihremote.co
{2} RemoteOk

Remote Job Board has 10+ remote jobs as a Developer, Designer, Copywriter, Customer Support Rep, Sales Professional, Project Manager, and more.

πŸ”— https://t.co/qNIVmLQ16Zremoteok.io
Read 11 tweets
Jun 27, 2023
AI can now help you with the most crucial thing in your life.

Your health.

Here is how πŸ‘‡
With @docus_ai AI Health Assistant, you can generate your health report and validate it with a top doctor from the US & Europe.
1. Go to and register.docus.ai
Read 8 tweets
Jun 1, 2023
Securing your API key in the NodeJS app is crucial.

Here are some tips on how you can secure your API key πŸ§΅πŸ‘‡
Unfortunately, there are instances when API keys are accidentally exposed:

β€’ We may mistakenly include them in the GET request parameters.

β€’ They can also become committed to GitHub and our code.
Fortunately, there are two solutions to address this issue:

1️⃣ Implementing a proxy for the API is a reliable option.

2️⃣ A simpler alternative is to use the .env (environment) file.

Let's dive into each option.
Read 9 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(