Web Development
Reader small image

You're reading from  Hands-On Full Stack Development with Spring Boot 2.0 and React

Product typeBook
Published inJun 2018
Reading LevelBeginner
PublisherPackt
ISBN-139781789138085
Edition1st Edition
Languages
Java
Tools
ReactSpring
Concepts
Full Stack Web Development
Right arrow
Author (1)
Juha Hinkula
Juha Hinkula
author image
Juha Hinkula

Juha Hinkula is a software development lecturer at Haaga-Helia University of Applied Sciences in Finland. He received an MSc degree in Computer Science from the University of Helsinki and he has over 17 years of industry experience in software development. Over the past few years, he has focused on modern full stack development. He is also a passionate mobile developer with Android-native technology, and also uses React Native.
Read more about Juha Hinkula

Right arrow

Chapter 13. Securing Your Application

This chapter explains how to implement authentication to our frontend when we are using JWT authentication in the backend. At the beginning, we switch on security to our backend to enable JWT authentication. Then, we create a component for the login functionality. Finally, we modify our CRUD functionalities to send the token in the request's Authorization header to the backend.

In this chapter, we will look at the following:

  • How to create a login functionality on our frontend
  • How to implement conditional rendering after authentication
  • What is needed for CRUD functionalities when the JWT authentication is enabled
  • How to show messages when authentication fails

Technical requirements

The Spring Boot application that we created in Chapter 4, Securing and Testing Your Backend, (GitHub: https://github.com/PacktPublishing/Hands-On-Full-Stack-Development-with-Spring-Boot-2.0-and-React/tree/master/Chapter%204).

The React app that we used in the previous chapter (GitHub: https://github.com/PacktPublishing/Hands-On-Full-Stack-Development-with-Spring-Boot-2.0-and-React/tree/master/Chapter%2011).

Securing the backend

We have implemented CRUD functionalities to our frontend using an unsecured backend. Now, it is time to switch on security again for our backend and go back to the version that we created in Chapter 4, Securing and Testing Your Backend:

  1. Open your backend project with the Eclipse IDE and open the SecurityConfig.java file in the editor view. We commented the security out and allowed everyone access to all endpoints. Now, we can remove that line and also remove the comments from the original version. Now your SecurityConfig.java file's configure method...

Summary

In this chapter, we learned how to implement a login functionality for our frontend when we are using JWT authentication. After successful authentication, we used session storage to save the token that we received from the backend. The token was then used in all requests that we sent to the backend, therefore, we had to modify our CRUD functionalities to work properly with authentication. In the next chapter, we will deploy our application to Heroku and we demonstrate how to create Docker containers.

Questions

  1. How should you create a login form?
  2. How should you log in to the backend using JWT?
  3. How should you store tokens to session storage?
  4. How should you send a token to the backend in CRUD functions?
lock icon
The rest of the chapter is locked
Previous Chapter
Chapter 19 of 24
Next Chapter
You have been reading a chapter from
Hands-On Full Stack Development with Spring Boot 2.0 and React
Published in: Jun 2018Publisher: PacktISBN-13: 9781789138085
© 2018 Packt Publishing Limited All Rights Reserved
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Sign up now
undefined
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Start free trial
Renews at $15.99/month. Cancel anytime

Author (1)

author image
Juha Hinkula

Juha Hinkula is a software development lecturer at Haaga-Helia University of Applied Sciences in Finland. He received an MSc degree in Computer Science from the University of Helsinki and he has over 17 years of industry experience in software development. Over the past few years, he has focused on modern full stack development. He is also a passionate mobile developer with Android-native technology, and also uses React Native.
Read more about Juha Hinkula

Other recommended products

Related to this chapter

Hands-On Full Stack Development with Spring Boot 2 and React

Hands-On Full Stack Development with Spring Boot 2 and React

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

BookMay 2019316 pages
React Material-UI Cookbook

React Material-UI Cookbook

React Material-UI Cookbook is your ultimate guide to building compelling user interfaces with React and Material Design. Filled with practical and to-the-point recipes, you will learn how to implement sophisticated-UI components. You will also learn how to apply the vast selection of Material-UI components using modern React tools and techniques.

BookMar 2019534 pages
React 16 Tooling

React 16 Tooling

React 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know — in detail. These will make your development life simpler and happier, enabling you to create better and more performant apps.

BookApr 2018298 pages
Spring: Microservices with Spring Boot

Spring: Microservices with Spring Boot

Microservices helps in dissolving applications into small services and helps in building systems that are scalable, flexible, and resilient. Spring Boot helps in building REST-oriented, production-grade microservices. This book will help on how to build, monitor, and deploy microservices with Spring Boot.

BookMar 2018140 pages
Beginning React

Beginning React

Projects like Angular and React are rapidly changing how development teams build and deploy web applications to production. In this book, you’ll learn the basics you need to get up and running with React and tackle real-world projects and challenges. It includes helpful guidance on how to consider key user requirements within the development process, and also shows you how to work with advanced concepts such as state management, data-binding, routing, and the popular component markup that is JSX. As you complete the included examples, you’ll find yourself well-equipped to move onto a real-world personal or professional frontend project.

BookJul 201896 pages
Learn Spring for Android Application Development

Learn Spring for Android Application Development

Spring is the de facto framework for Java SE development and it has been widely used for building web and enterprise grade applications. Last year, Pivotal provided complete support for Kotlin as a language that Spring can compile to, making it an even stronger framework in terms of android development. To make things simpler, Pivotal has released Spring for Android, which is a framework that is designed to provide components of the Spring family of projects for use in Android apps. This book will help aspiring Android developers or even existing developers use Spring to build beautiful and robust applications in Kotlin. Spring has several powerful modules like Boot, Security, etc, that can be leveraged to build Android apps.

BookJan 2019392 pages
Building RESTful Web Services with Spring 5

Building RESTful Web Services with Spring 5

REST is an architectural style that tackles the challenges of building scalable web services. In today's connected world, APIs have taken a central role on the web. APIs provide the fabric through which systems interact, and REST has become synonymous with APIs.The depth, breadth, and ease of use of Spring makes it one of the most attractive frameworks in the Java ecosystem. Marrying the two technologies is therefore a very natural choice.This book takes you through the design of RESTful web services and leverages the Spring Framework to implement these services.

BookJan 2018228 pages
Spring Boot 2.0 Projects

Spring Boot 2.0 Projects

Spring is one of the best tools to develop web, enterprise, and cloud ready software in the market. The goal of Spring Boot is to provide a set of tools for building Spring applications that run production-grade based applications. This book will teach you features of Spring Boot 2.0 by building interesting real-world projects.

BookJul 2018336 pages
Mastering Spring 5

Mastering Spring 5

Spring 5.1 is the latest new release of the widely used Spring framework and consists a myriad of exciting new features that has changed the way the framework is used. Mastering Spring 5 shows you this evolution - from solving the problems of developing testable applications to building distributed applications on the cloud.

BookJul 2019598 pages
Mastering Spring 5.0

Mastering Spring 5.0

Spring 5.0 is due to arrive with a myriad of new and exciting features that will change the way we’ve used the framework so far. This book will show you this evolution—from solving the problems of testable applications to building distributed applications on the Cloud.

BookJun 2017496 pages
Hands-On Spring Security 5 for Reactive Applications

Hands-On Spring Security 5 for Reactive Applications

Security is one of the most vital concerns for any organization. The complexity of an application is compounded when you need to integrate security with existing code, new technology, and other frameworks. This book will show you how to effectively write Java code that is robust and easy to maintain.

BookJul 2018268 pages
Modern API Development with Spring and Spring Boot

Modern API Development with Spring and Spring Boot

Modern API Development with Spring and Spring Boot shows you how to build API-based services with the help of a real-life example that explores various API patterns and approaches. You'll understand how Spring's intuitive tooling can help you to implement modern production-ready APIs that meet the ever-evolving business needs of your customers.

BookJun 2021582 pages

Personalised recommendations for you

Based on your interests and search pattern

Modernizing Drupal 10 Theme Development

Modernizing Drupal 10 Theme Development

Modernizing Drupal 10 Theme Development covers everything a frontend developer or a Drupal developer needs to know about the Drupal 10 theme layer. Using real-world examples, this book will help you to build up from an empty theme to a fast, responsive, maintainable, and accessible Drupal website in both monolithic and decoupled ways.

BookAug 2023360 pages4
Full Stack Development with Spring Boot 3 and React

Full Stack Development with Spring Boot 3 and React

Full Stack Development with Spring Boot 3 and React contains a wealth of practical guidance for picking up full stack development. The step-by-step exploration of everything from dependency injection, ORM with Hibernate, and JWTs to RESTful APIs, UI styling, and TypeScript will help you to develop the Spring Boot and React skills you need.

BookOct 2023454 pages5
Modern API Development with Spring 6 and Spring Boot 3

Modern API Development with Spring 6 and Spring Boot 3

This practical guide teaches inexperienced Java programmers and web developers how to design, develop, test, and deploy highly scalable and maintainable APIs using REST, gRPC, GraphQL, and reactive programming paradigms with Java and Spring Boot. Complete with real-world examples, it will guide you to build enterprise-level APIs and services.

BookSep 2023494 pages1
Hands-On Web Scraping with Python

Hands-On Web Scraping with Python

This book guides you to discover and extract quality data from the web using Python libraries such as requests, lxml, pyquery, scrapy, and to use effective scraping techniques. It’ll help you master the fundamentals and advanced concepts of web scraping and apply your skills to real-world data extraction tasks, with analysis and visualization.

BookOct 2023324 pages
Mastering Blazor WebAssembly

Mastering Blazor WebAssembly

Mastering Blazor WebAssembly is a comprehensive, practical guide that’ll help you to develop advanced web applications. By combining real-world experience with the thorough knowledge needed to build Blazor apps in a masterful fashion, this book enables you to efficiently manage cross-platform mobile development with .NET MAUI and Blazor.

BookAug 2023370 pages4
Mastering Blazor WebAssembly

Mastering Blazor WebAssembly

Mastering Blazor WebAssembly is a comprehensive, practical guide that’ll help you to develop advanced web applications. By combining real-world experience with the thorough knowledge needed to build Blazor apps in a masterful fashion, this book enables you to efficiently manage cross-platform mobile development with .NET MAUI and Blazor.

BookAug 2023370 pages3
Full Stack Web Development with Remix

Full Stack Web Development with Remix

Unlock the power of the web platform and cutting-edge technologies for your React applications using Remix to take advantage of the full stack to create a great user experience. This book is a complete resource covering the conventions, levers, and primitives of Remix and illustrates concepts through a real-world project.

BookNov 2023318 pages
Real-World Svelte

Real-World Svelte

This book is a must-have guide to unlocking Svelte's true potential. You’ll learn about advanced component development, efficient coding, and powerful UI patterns using actions. With a focus on state management, custom stores, and renderless components, this book equips you to build exceptional web apps with lightning-fast performance.

BookDec 2023282 pages3
Building Micro Frontends with React 18

Building Micro Frontends with React 18

This book is a step-by-step guide to building production-grade, highly scalable, and performant web apps using multi-SPA and micro apps patterns, where you’ll learn to deal with complexities related to micro frontends. The book is a full life cycle guide to building, deploying, and managing micro frontends in a cloud-native environment.

BookOct 2023218 pages
Drupal 10 Masterclass

Drupal 10 Masterclass

This all-in-one guide helps you get up and running with building Drupal applications using the latest Drupal 10 features. You’ll develop a complete practical understanding of Drupal frontend, backend, architecture, content management, themes, and modules to deliver a rich user experience by creating custom Drupal apps.

BookDec 2023310 pages
Full-Stack Flask and React

Full-Stack Flask and React

This book teaches you how to build simple yet efficient production-ready web applications. Starting with an introduction to React, this book will equip you with deeper knowledge of Flask and React technology stacks to undertake web application development with confidence.

BookOct 2023408 pages5
Full-Stack Flask and React

Full-Stack Flask and React

This book teaches you how to build simple yet efficient production-ready web applications. Starting with an introduction to React, this book will equip you with deeper knowledge of Flask and React technology stacks to undertake web application development with confidence.

BookOct 2023408 pages2