At Symbiotics we’re very proud of the talent we have accumulated over the years. Our team go through a structured interview process that enables:
- Us (Symbiotics) to ensure that they are a good fit with our company culture and that they have a similar value set to ours and;
- Them (the recruit) to ensure that we are the kind of company that they will feel proud to represent and assist them in achieving their career goals.
Not only are our developers skilled in coding, but they also have a flair for sharing their knowledge and experience.
A recent 6-part series of tutorials has drawn attention from the community, so we have collated the series in this short article, together with links to the full tutorials for your reference.
Part 1
This tutorial shows the process of integrating Keycloak with an Angular 4 web application and serves as a short introduction to Keycloak and Angular JS. Detailed instructions for downloading and installing Keycloak are provided.
Read Part 1
Part 2
In this Tutorial you will get to set up and configure the Keycloak environment. Step by step instructions show you how to:
- Create a new realm on Keycloak,
- Create Clients on Keycloak,
- Create a User on Keycloak for a Client
Read Part 2
Part 3
In Part 3 you’ll get started on setting up and configuring the Angular environment. All the software prerequisites are detailed for you as well as step by step instructions on:
- Installing NodeJS
- Installing the Angular CLI
- Creating a new Project
A number of links to relevant resources are also provided in this tutorial.
Read Part 3
Part 4
Following on closely from Part 3, Part 4 dives into Installing the Bootstrap Dependency. This is not an essential step, but it will enlighten you on how to include third party libraries in your Angular project as well as how to include them in the WebPack builder configuration file.
We also look at Installing the Keycloak Adapter and create the necessary files for Keycloak that will be used in the next part.
Read Part 4
Part 5
At this point you should have two newly created TypeScript classes, namely: keycloak.http.ts and keycloak.service.ts. Part 5 is all about coding the Keycloak Service and Keycloak HTTP classes. You will also go over the environmental variables concept, update the App module, and finally update the Main.ts class.
Additional references for Keycloak, Angular, Bootstrap or Node JS are provided.
Bonus: In this part you can download the project to reference the code base!
Read Part 5
Part 6
In this, the final part you’ll log into the application via Keycloak, get certain parameters from the authenticated token via the Keycloak Service, and finally look at an example HTTP call via the KeycloakHTTP class.
Bonus: In this part you can download the project to reference the code base!
Read Part 6
Conclusion
We trust that you learned some awesome new concepts while working through these tutorials. Don’t forget to read the comments as these also give additional insights. If you have any comments, please feel free to add either to this article or to the relevant part of the series.
We don’t know about you, but we’re feeling 22
At Symbiotics we’re very proud of the talent we have accumulated over the years. Our team go through a structured interview process that enables:
Not only are our developers skilled in coding, but they also have a flair for sharing their knowledge and experience.
Part 1
This tutorial shows the process of integrating Keycloak with an Angular 4 web application and serves as a short introduction to Keycloak and Angular JS. Detailed instructions for downloading and installing Keycloak are provided.
Read Part 1
Part 2
In this Tutorial you will get to set up and configure the Keycloak environment. Step by step instructions show you how to:
Read Part 2
Part 3
In Part 3 you’ll get started on setting up and configuring the Angular environment. All the software prerequisites are detailed for you as well as step by step instructions on:
A number of links to relevant resources are also provided in this tutorial.
Read Part 3
Part 4
Following on closely from Part 3, Part 4 dives into Installing the Bootstrap Dependency. This is not an essential step, but it will enlighten you on how to include third party libraries in your Angular project as well as how to include them in the WebPack builder configuration file.
We also look at Installing the Keycloak Adapter and create the necessary files for Keycloak that will be used in the next part.
Read Part 4
Part 5
At this point you should have two newly created TypeScript classes, namely: keycloak.http.ts and keycloak.service.ts. Part 5 is all about coding the Keycloak Service and Keycloak HTTP classes. You will also go over the environmental variables concept, update the App module, and finally update the Main.ts class.
Additional references for Keycloak, Angular, Bootstrap or Node JS are provided.
Bonus: In this part you can download the project to reference the code base!
Read Part 5
Part 6
In this, the final part you’ll log into the application via Keycloak, get certain parameters from the authenticated token via the Keycloak Service, and finally look at an example HTTP call via the KeycloakHTTP class.
Bonus: In this part you can download the project to reference the code base!
Read Part 6
Conclusion
We trust that you learned some awesome new concepts while working through these tutorials. Don’t forget to read the comments as these also give additional insights. If you have any comments, please feel free to add either to this article or to the relevant part of the series.