Table of Contents Introduction Prerequisites Project Setup Install okta-auth-js Service Auth Service Token Service Auth Guard Components Implementing Okta Auth Role Based Access Environment Variables App Modules Routing Module Token Service Auth Service Auth Guard Expired Component Unauthorized Component Login Component App Component Dashboard Component Protected Component Update Page Testing Okta SSO Role Based Access…

Posted in Angular

Angular Okta SSO Role Based Access

Table of Contents Introduction Why Does 404 Error Occur Solution Introduction Here in this tutorial I am going to show you how to redirect to context path for 404 error in Angular Spring Boot application. Context path basically is the same path for home page or root URL. It is assumed that your frontend application…

Posted in Angular Spring Boot

Redirect To Context Path For 404 Error In Angular Spring Boot

Introduction Here I am going to tell you how to setup multiple environments for Angular applications. Multiple environments are required for your Angular application when you want to ensure the stability and integrity of the application when it goes live on the production environment where your application’s end users access it. Your application’s development workspace…

Posted in Angular

How To Setup Multiple Environments For Angular Applications

Introduction In this tutorial I am going to show you how to build Spring Boot Angular CRUD Application. CRUD is an acronym and stands for Create, Read, Update and Delete operations performed through an application or APIs. Using Spring Boot application I will build REST APIs which will be used to perform CRUD operations on…

Posted in Angular Spring Boot Spring JPA Spring REST

Angular Spring Boot REST API CRUD Example

Introduction Here I am going to show you how to build an application using Angular for authenticating a user using Okta SSO (Single Sign On) with PKCE. Okta is an enterprise level identity provider that helps you to enable Single Sign-On across applications within an enterprise. Angular is a single page application (SPA) and it…

Posted in Angular

Angular Okta SSO (Single Sign On) with PKCE

Introduction In this post you will see an example about Angular Spring Boot Security JWT (JSON Web Token) Authentication and role based Authorization for REST APIs or RESTful services. I won’t explain here about JWT as there is already very good article on JWT. I will implement Spring Security’s UserDetailsService to load user from database. I…

Posted in Angular Spring Boot

Angular Spring Boot Security JWT Authentication And Authorization

Here in this tutorial I am going to explain how to integrate Django REST API with Angular framework. CRUD stands for Create, Read, Update and Delete operations which will be performed from UI (User Interface) using Angular framework and on server side Django framework and MySQL server are used. The Angular framework will be used…

Posted in Angular Django

Django 3, MySQL REST API Angular 10 CRUD Example

I am going to show you an example on Angular CodeIgniter 4 REST API MySQL CRUD. CRUD is an acronym and stands for Create, Read, Update and Delete operations. REST or RESTful is a Representational State Transfer which defines an architectural style in software engineering. The REST API works on HTTP or HTTPS protocol. The…

Posted in Angular Codeigniter

CodeIgniter 4 REST API, MySQL and Angular 10 CRUD Example

JSON, i.e., JavaScript Object Notation is a lightweight format for interchanging data. It is based on a subset of JavaScript language. For example, this JSON data format is used in the webservice response. In old days webservices used XML for the primary data format but nowadays JSON, being lightweight, is becoming the preferred data format…

Posted in Angular

How to load local JSON File in Angular Application

In this tutorial I am going to show you how to allow users only input numeric values or digits. If users enter non-numeric value then we will show an error message. We can also completely prevent from entering non-numeric values. In this case, we need to accept only numbers for a textbox or input field…

Posted in Angular

Allow only numeric values or digits in input field using Angular 10

Introduction I am going to show you how to give auto complete suggesstion when users search for something by typing in the input field. Autocomplete allows users to have other suggested strings or values displayed on typing of the relevant text in the input field. You have also seen when you start a search on…

Posted in Angular

Autocomplete input using Angular 9

Introduction In this tutorial we will see how to create or add routes to existing Angular project. The situation may arise when you forget to add routes while creating new project or probably you thought that routes may not be required but later you find that routes are required for appropriate navigation in your application….

Posted in Angular

How to add routes to existing Angular project