7 SportsStore: administration

 

This chapter covers

  • Performing client authentication
  • Creating a module that is loaded on demand
  • Installing a component library
  • Creating the administration features

In this chapter, I continue building the SportsStore application by adding administration features. Relatively few users will need to access the administration features, so it would be wasteful to force all users to download the administration code and content when it is unlikely to be used. Instead, I am going to put the administration features in a separate module that will be loaded only when it is required.

7.1 Preparing the example application

No preparation is required for this chapter, which continues using the SportsStore project from chapter 6. To start the RESTful web service, open a command prompt and run the following command in the SportsStore folder:

npm run json

Open a second command prompt and run the following command in the SportsStore folder to start the development tools and HTTP server:

ng serve --open
Tip

You can download the example project for this chapter—and for all the other chapters in this book—from https://github.com/manningbooks/pro-angular-16. See chapter 1 for how to get help if you have problems running the examples.

7.1.1 Creating the module

7.1.2 Configuring the URL routing system

7.1.3 Navigating to the administration URL

7.2 Implementing authentication

7.2.1 Understanding the authentication system

7.2.2 Extending the data source

7.2.3 Creating the authentication service

7.2.4 Enabling authentication

7.3 Extending the data source and repositories

7.4 Installing the component library

7.5 Creating the administration feature structure

7.5.1 Creating the placeholder components

7.5.2 Preparing the common content and the feature module

7.5.3 Implementing the product table feature

7.5.4 Implementing the product editor

7.5.5 Implementing the order table feature

7.6 Summary