767 lines
17 KiB
Plaintext
767 lines
17 KiB
Plaintext
{
|
|
"type": "excalidraw",
|
|
"version": 2,
|
|
"source": "techviz-harness",
|
|
"elements": [
|
|
{
|
|
"id": "edge-authorize",
|
|
"type": "arrow",
|
|
"x": 120.0,
|
|
"y": 140.0,
|
|
"width": 210.0,
|
|
"height": 0.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 1,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": null,
|
|
"seed": 153262066,
|
|
"version": 1,
|
|
"versionNonce": 1109865188,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0.0,
|
|
0.0
|
|
],
|
|
[
|
|
210.0,
|
|
0.0
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "node-browser",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"endBinding": {
|
|
"elementId": "node-keycloak",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"elbowed": true
|
|
},
|
|
{
|
|
"id": "edge-label-authorize",
|
|
"type": "text",
|
|
"x": 73.0,
|
|
"y": 116.0,
|
|
"width": 304,
|
|
"height": 24,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"strokeStyle": "solid",
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 1306432149,
|
|
"version": 1,
|
|
"versionNonce": 1642113840,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 13,
|
|
"fontFamily": 5,
|
|
"text": "authorization request · S256 challenge",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": null,
|
|
"originalText": "authorization request · S256 challenge",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "edge-callback",
|
|
"type": "arrow",
|
|
"x": 120.0,
|
|
"y": 202.0,
|
|
"width": 210.0,
|
|
"height": 0.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 1,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": null,
|
|
"seed": 1802650704,
|
|
"version": 1,
|
|
"versionNonce": 1991045792,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
210.0,
|
|
0.0
|
|
],
|
|
[
|
|
0.0,
|
|
0.0
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "node-keycloak",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"endBinding": {
|
|
"elementId": "node-browser",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"elbowed": true
|
|
},
|
|
{
|
|
"id": "edge-label-callback",
|
|
"type": "text",
|
|
"x": 133.0,
|
|
"y": 178.0,
|
|
"width": 184,
|
|
"height": 24,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"strokeStyle": "solid",
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 1929639337,
|
|
"version": 1,
|
|
"versionNonce": 1816804132,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 13,
|
|
"fontFamily": 5,
|
|
"text": "callback · code + state",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": null,
|
|
"originalText": "callback · code + state",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "edge-token-request",
|
|
"type": "arrow",
|
|
"x": 120.0,
|
|
"y": 264.0,
|
|
"width": 210.0,
|
|
"height": 0.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 1,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": null,
|
|
"seed": 514094626,
|
|
"version": 1,
|
|
"versionNonce": 942871324,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0.0,
|
|
0.0
|
|
],
|
|
[
|
|
210.0,
|
|
0.0
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "node-browser",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"endBinding": {
|
|
"elementId": "node-keycloak",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"elbowed": true
|
|
},
|
|
{
|
|
"id": "edge-label-token-request",
|
|
"type": "text",
|
|
"x": 101.0,
|
|
"y": 240.0,
|
|
"width": 248,
|
|
"height": 24,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"strokeStyle": "solid",
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 449177001,
|
|
"version": 1,
|
|
"versionNonce": 1284264247,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 13,
|
|
"fontFamily": 5,
|
|
"text": "token request · code + verifier",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": null,
|
|
"originalText": "token request · code + verifier",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "edge-token-response",
|
|
"type": "arrow",
|
|
"x": 120.0,
|
|
"y": 326.0,
|
|
"width": 210.0,
|
|
"height": 0.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 1,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": null,
|
|
"seed": 924685759,
|
|
"version": 1,
|
|
"versionNonce": 1455183840,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
210.0,
|
|
0.0
|
|
],
|
|
[
|
|
0.0,
|
|
0.0
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "node-keycloak",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"endBinding": {
|
|
"elementId": "node-browser",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"elbowed": true
|
|
},
|
|
{
|
|
"id": "edge-label-token-response",
|
|
"type": "text",
|
|
"x": 117.0,
|
|
"y": 302.0,
|
|
"width": 216,
|
|
"height": 24,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"strokeStyle": "solid",
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 686621634,
|
|
"version": 1,
|
|
"versionNonce": 108833043,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 13,
|
|
"fontFamily": 5,
|
|
"text": "access + refresh + ID token",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": null,
|
|
"originalText": "access + refresh + ID token",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "edge-api-request",
|
|
"type": "arrow",
|
|
"x": 120.0,
|
|
"y": 388.0,
|
|
"width": 420.0,
|
|
"height": 0.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 1,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": null,
|
|
"seed": 458447436,
|
|
"version": 1,
|
|
"versionNonce": 226442684,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0.0,
|
|
0.0
|
|
],
|
|
[
|
|
420.0,
|
|
0.0
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "node-browser",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"endBinding": {
|
|
"elementId": "node-resource-server",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"elbowed": true
|
|
},
|
|
{
|
|
"id": "edge-label-api-request",
|
|
"type": "text",
|
|
"x": 198.0,
|
|
"y": 364.0,
|
|
"width": 264,
|
|
"height": 24,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"strokeStyle": "solid",
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 935709184,
|
|
"version": 1,
|
|
"versionNonce": 1738417618,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 13,
|
|
"fontFamily": 5,
|
|
"text": "GET /api/me · Bearer access token",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": null,
|
|
"originalText": "GET /api/me · Bearer access token",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "edge-api-response",
|
|
"type": "arrow",
|
|
"x": 120.0,
|
|
"y": 450.0,
|
|
"width": 420.0,
|
|
"height": 0.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 1,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": null,
|
|
"seed": 369211918,
|
|
"version": 1,
|
|
"versionNonce": 1850377031,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
420.0,
|
|
0.0
|
|
],
|
|
[
|
|
0.0,
|
|
0.0
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "node-resource-server",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"endBinding": {
|
|
"elementId": "node-browser",
|
|
"focus": 0,
|
|
"gap": 4
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"elbowed": true
|
|
},
|
|
{
|
|
"id": "edge-label-api-response",
|
|
"type": "text",
|
|
"x": 178.0,
|
|
"y": 426.0,
|
|
"width": 304,
|
|
"height": 24,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"strokeStyle": "solid",
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 805232354,
|
|
"version": 1,
|
|
"versionNonce": 214385421,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 13,
|
|
"fontFamily": 5,
|
|
"text": "subject · username · issuer · audience",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": null,
|
|
"originalText": "subject · username · issuer · audience",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "node-browser",
|
|
"type": "rectangle",
|
|
"x": 45.0,
|
|
"y": 35.0,
|
|
"width": 150.0,
|
|
"height": 64.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 1,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 1549664096,
|
|
"version": 1,
|
|
"versionNonce": 397227867,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "node-label-browser",
|
|
"type": "text",
|
|
"x": 55.0,
|
|
"y": 45.0,
|
|
"width": 130.0,
|
|
"height": 44.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"strokeStyle": "solid",
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 225442297,
|
|
"version": 1,
|
|
"versionNonce": 1441680053,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 15,
|
|
"fontFamily": 5,
|
|
"text": "브라우저 SPA",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": null,
|
|
"originalText": "브라우저 SPA",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "node-keycloak",
|
|
"type": "rectangle",
|
|
"x": 255.0,
|
|
"y": 35.0,
|
|
"width": 150.0,
|
|
"height": 64.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 1,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 819278378,
|
|
"version": 1,
|
|
"versionNonce": 1725278844,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "node-label-keycloak",
|
|
"type": "text",
|
|
"x": 265.0,
|
|
"y": 45.0,
|
|
"width": 130.0,
|
|
"height": 44.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"strokeStyle": "solid",
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 1265230567,
|
|
"version": 1,
|
|
"versionNonce": 1115669911,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 15,
|
|
"fontFamily": 5,
|
|
"text": "Keycloak",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": null,
|
|
"originalText": "Keycloak",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "node-resource-server",
|
|
"type": "rectangle",
|
|
"x": 465.0,
|
|
"y": 35.0,
|
|
"width": 150.0,
|
|
"height": 64.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 1,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 972285001,
|
|
"version": 1,
|
|
"versionNonce": 1174270881,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "node-label-resource-server",
|
|
"type": "text",
|
|
"x": 475.0,
|
|
"y": 45.0,
|
|
"width": 130.0,
|
|
"height": 44.0,
|
|
"angle": 0,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"strokeStyle": "solid",
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 1517556067,
|
|
"version": 1,
|
|
"versionNonce": 178679525,
|
|
"isDeleted": false,
|
|
"boundElements": [],
|
|
"updated": 0,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 15,
|
|
"fontFamily": 5,
|
|
"text": "Resource Server",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": null,
|
|
"originalText": "Resource Server",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
}
|
|
],
|
|
"appState": {
|
|
"gridSize": 10,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"currentItemFontFamily": 5
|
|
},
|
|
"files": {}
|
|
}
|