> For the complete documentation index, see [llms.txt](https://thomas-suedbroecker.gitbook.io/using-keycloak-vue-js-and-java-microservice-on-kub/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://thomas-suedbroecker.gitbook.io/using-keycloak-vue-js-and-java-microservice-on-kub/master.md).

# Introduction

**\*UNDER CONSTRUCTION**

TBD

## Architecture

The following architecture diagrams do explain the complete flow the sample application.

...

## Estimated time and level

| Time             | Level     |
| ---------------- | --------- |
| one to two hours | beginners |

## Objectives

After you complete this project, you'll understand Authorization and Authentication with Keycloak :

* Setup simple Keycloak on a free IBM Cloud Kubernetes Cluster
* Configure Keycloak
* Implement an Authorization on a Vue.js frontend with a JWT
* Authenticate on a backend Microservice with the same JWT

## About this project

The introductory page of the project is broken down into the following sections:

* [Agenda](/using-keycloak-vue-js-and-java-microservice-on-kub/master.md#agenda)
* [Compatibility](/using-keycloak-vue-js-and-java-microservice-on-kub/master.md#compatibility)
* [Technology Used](/using-keycloak-vue-js-and-java-microservice-on-kub/master.md#technology-used)
* [Credits](/using-keycloak-vue-js-and-java-microservice-on-kub/master.md#credits)
* [What\`s next?](https://thomas-suedbroecker.gitbook.io/using-keycloak-vue-js-and-java-microservice-on-kub/pages/-MES_pzdFjlxUubwUH9V#whats-next?)

## Agenda

These are the exercises of this project, go through all of them in sequence, start with `Pre work`:

|                                                                                                                                            |                                                                          |
| ------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------ |
| [Pre work](broken://pages/-MI4JvQEcTq0DLyYxOqB)                                                                                            | Setup free IBM Cloud Kubernetes Cluster and IBM Cloud Container Registry |
| [Exercise 1](/using-keycloak-vue-js-and-java-microservice-on-kub/deploy-keycloak-and-the-example-application-to-kubernetes/exercise-01.md) | Setup Keycloak on Kubernetes                                             |
| [Exercise 2](/using-keycloak-vue-js-and-java-microservice-on-kub/deploy-keycloak-and-the-example-application-to-kubernetes/exercise-02.md) | Implememt a Authorization on a Vue.js frontend with a JWT                |
| [Exercise 3](/using-keycloak-vue-js-and-java-microservice-on-kub/deploy-keycloak-and-the-example-application-to-kubernetes/exercise-03.md) | Authenticate on a backend Microservice with the same JWT                 |

## Compatibility

This workshop has been tested on the following platforms:

* **free Kubernetes Cluster**: version 4.3

## Technology Used

* [Vue.js](https://vuejs.org/)
* [**Jakarta EE**](https://jakarta.ee/)
* [**MicroProfile**](https://microprofile.io/)
* [**OpenLiberty**](https://openliberty.io/)
* [**Keycloak**](https://www.keycloak.org)
* [**Microservices architecture**](https://en.wikipedia.org/wiki/Microservices)
* [**Java Web Token**](https://de.wikipedia.org/wiki/JSON_Web_Token)
* [**Docker**](https://www.docker.com)

## Credits

* [Niklas Heidloff](https://twitter.com/nheidloff)
* [Harald Uebele](https://twitter.com/Harald_U)
* [Thomas Südbröcker](https://twitter.com/tsuedbroecker)

## What\`s next?

The [blogs](/using-keycloak-vue-js-and-java-microservice-on-kub/master.md) as well as the [presentation](/using-keycloak-vue-js-and-java-microservice-on-kub/master.md) describe the functionality in more detail.