Csaba Kissi Profile picture
Nov 3 β€’ 10 tweets β€’ 4 min read
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 4
10 AI-powered sites that will blow your mind.

Thread πŸ§΅πŸ‘‡ Image
{1} AI Gahaku

The AI artist named β€œAI Gahaku” generates a masterpiece from your photo.

πŸ”— ai-art.tokyo/en/ Image
{2} Beautiful .ai

Beautiful .ai is the presentation software for teams.

Stay on brand, level up your presentation design, and collaborate from anywhere in the world.

πŸ”— beautiful.ai Image
Read 14 tweets
Nov 2
Python is popular.

You can create front-end, back-end, or even machine-learning applications.

Here is the list of the 10 best sites where you can learn Python for FREE.πŸ‘‡πŸ‘‡ Image
{1} Python .org

The official home of the Python Programming Language

πŸ”— python.org Image
{2} Python Tutorial: Learn Python For Free

Learn Python, a powerful language used by sites like YouTube and Dropbox.

Learn the fundamentals of programming to build web apps and manipulate data.

Master Python loops to deepen your knowledge.

πŸ”— codecademy.com/learn/learn-py… Image
Read 13 tweets
Nov 1
10 Web sites web developers may feel illegal to know.

But trust me, they can save you tens of hours every month.πŸ§΅πŸ‘‡
{1} @appwrite

Excellent open-source Firebase alternative.

It's a secure backend server for web, mobile & flutter developers.

Out-of-the-box support for:

βœ… Authentication and Users (including social logins)
βœ… Database
βœ… Storage
βœ… Functions

πŸ‘‰ appwrite.io
{2} Magic Eraser

Use AI to remove unwanted things from images in seconds

Upload an image, mark the bit you need to be removed, and download the fixed-up image.

πŸ‘‰ magiceraser.io
Read 13 tweets
Oct 31
How to choose the early-stage start-up you’ll join?

Would you like to work for an early-stage start-up? Great!

But how can you be sure that you pick the proper one?

This thread will cover everything for you.πŸ§΅πŸ‘‡
You must sincerely believe in the mission of an early-stage start-up because you will be heavily involved in it as a developer.

Therefore, before joining the company, you should evaluate the project's relevance for you (as well as its viability).
To accomplish so, concentrate on these 3 distinct aspects:
Read 7 tweets
Oct 27
Want to improve your coding skills?

11 FREE Coding Websites that will help you to be a better Web Developer (I'm 100% sure).

Thread πŸ§΅πŸ‘‡
1️⃣ Codewars

Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential.

codewars.com
2️⃣ HackerRank

HackerRank is the market-leading technical assessment and remote interview solution for hiring developers.

hackerrank.com
Read 15 tweets
Oct 26
πŸ‘‹πŸΌ 8 Awesome YouTube Channels for Web Developers You Probably Do Not Follow Yet (and you should )

Thread πŸ§΅πŸ‘‡
1️⃣ WebDevMentors

A Youtube Channel for emerging technologies and already established technologies in the Computer or IT field. We make courses on various IT or Computer-based stuff that enables you to learn and excel on the same.

youtube.com/user/webdevmen… Image
2️⃣ Codecourse

Helping you learn to code. PHP + Laravel + VueJS

youtube.com/user/phpacademy Image
Read 12 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 on Twitter!

:(