|
|
- import { useCallback } from "react";
- import logo from "./logo.svg";
- import "./App.css";
-
- function App({ keycloak }) {
- const fetchFromApi = useCallback(async (url) => {
- const response = await fetch(url, {
- headers: {
- Authorization: `Bearer ${keycloak.token}`,
- },
- });
- if (response.ok) {
- alert(await response.text());
- } else {
- console.error(response.statusText);
- }
- }, [keycloak.token]);
-
- return (
- <div className="App">
- <header className="App-header">
- <img src={logo} className="App-logo" alt="logo" />
- <p>
- Edit <code>src/App.js</code> and save to reload.
- </p>
- <span
- className="App-link"
- onClick={(e) => {
- e.preventDefault();
- fetchFromApi("http://localhost:8081/api/userinfo");
- }}
- >
- Get user email
- </span>
- <br />
- <span
- className="App-link"
- onClick={(e) => {
- e.preventDefault();
- fetchFromApi("http://localhost:8081/api/users");
- }}
- >
- Get all users
- </span>
- <br />
- <span
- className="App-link"
- onClick={(e) => {
- e.preventDefault();
- keycloak.logout({
- redirectUri: "http://localhost:3000",
- });
- }}
- >
- Logout
- </span>
- </header>
- </div>
- );
- }
-
- export default App;
|