API Security

Securing your API is an important step. When we were using Express to serve view templates we used passportJs along with a username and password to authenticate users, but that is not the only way to secure an Express app, and in the context of an API it often makes sense to use a different strategy. The username and password session pattern that we learned previously will still work of course, though it is made a little more complicated by the fact that we’ve separated our front-end code from the back-end, so we have to specifically send our username/password info back and forth to check for authentication when accessing one of our endpoints.

A better strategy is to generate and pass a secure token between our database and front-end code. Doing so will make sure that our user’s username and password are not compromised and will also give us the ability to expire our user’s session for added security. The basic idea is that when a user signs in to our app, a secure token is created and then for all subsequent requests that token is passed in the header of our request object. In the end the process is pretty simple since you should already be pretty comfortable with using passport to authenticate users.

This strategy, while particularly useful with APIs can be used with a traditional view-template project as well. The main difference here is that instead of setting and checking a cookie we’re passing a special token in the header of our request. In our previous Authentication Tutorial, the Passport middleware checked the cookie that was sent and then either authenticated or denied our user. In this case we’re going to do something very similar, but instead of using cookies we’re going to pass the token.

Assignment

  1. This video is a great resource that explains everything you need to know about creating and verifying JSON Web Tokens.
  2. This article covers setting up JSON Web Tokens within the PassportJS system that you should already be familiar with. In this case you don’t really need passport, but it does handle quite a bit of stuff that the guy in the video set up manually.

Additional Resources

This section contains helpful links to other content. It isn’t required, so consider it supplemental for if you need to dive deeper into something. - This article goes even further in depth than the one that we posted above. It provides a little greater understanding, but is harder to follow. - This article covers the same thing as the above one, but is a little more consise. Might be a good reference for when you’re setting this up on your own later.

Have a question?

Chat with our friendly Odin community in our Discord chatrooms!

Open Discord

Are you interested in accelerating your web development learning experience?

Get started

Thinkful

  • 5-6 months

    5-6 months

  • Job Guarantee

    Job Guarantee

  • 1-on-1 Mentorship

    1-on-1 Mentorship