github-mirrors/oauth-playground-client
1
0
Fork 0
mirror of https://github.com/ysoftdevs/oauth-playground-client.git synced 2026-03-21 16:50:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

Error redirect mechanism

Browse Source
This commit is contained in:
konarfil
2023-09-26 15:04:04 +02:00
parent 6577800ab8
commit a078bb21ff
7 changed files with 78 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/flow/code-2.html
View File

@@ -97,13 +97,16 @@
<script src="../js/load-layout.js"></script> <script src="../js/load-layout.js"></script>
<script src="../js/cookies.js"></script> <script src="../js/cookies.js"></script>
<script> <script>
$("#queryParams").text(window.location.search)
const urlParams = new URLSearchParams(window.location.search); const urlParams = new URLSearchParams(window.location.search);
const code = urlParams.get("code"); const code = urlParams.get("code");
const state = urlParams.get("state"); const state = urlParams.get("state");
const sentState = getCookie("state"); const sentState = getCookie("state");
if (!code || !state || !sentState) {
window.location = "/flow/expired";
}
$("#queryParams").text(window.location.search)
$("#state").text(state); $("#state").text(state);
$("#sent-state").text(sentState); $("#sent-state").text(sentState);
$("#received-state").text(state); $("#received-state").text(state);

4
src/flow/code-3.html
View File

@@ -160,6 +160,10 @@
const tokenEndpoint = baseUrl + "/token"; const tokenEndpoint = baseUrl + "/token";
const code = new URLSearchParams(window.location.search).get('code'); const code = new URLSearchParams(window.location.search).get('code');
if (!code) {
window.location = "/flow/expired";
}
function fillRequestExample() { function fillRequestExample() {
const requestExample = const requestExample =
"grant_type=authorization_code" + "\n" "grant_type=authorization_code" + "\n"

11
src/flow/dag-2.html
View File

@@ -206,12 +206,17 @@
<script src="../js/env-config.js"></script> <script src="../js/env-config.js"></script>
<script> <script>
const tokenUrl = baseUrl + "/token" const tokenUrl = baseUrl + "/token"
const dagResponse = JSON.parse(getCookie("dag_response")); var dagResponse;
try {
dagResponse = JSON.parse(getCookie("dag_response"));
} catch(e) {
window.location = "/flow/expired";
}
var pollingInterval = null; var pollingInterval = null;
var pollingAnimationInterval = null; var pollingAnimationInterval = null;
console.debug(dagResponse);
function showUserPanel() { function showUserPanel() {
$("#line-2").removeClass("line-inactive"); $("#line-2").removeClass("line-inactive");
$("#circle-3").removeClass("circle-inactive"); $("#circle-3").removeClass("circle-inactive");

48
src/flow/expired.html Normal file
View File

@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OAuth 2.0 Playground - Flow expired</title>
<link rel="icon" href="../favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link type="text/css" rel="stylesheet" href="../css/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</head>
<body>
<header id="page-header"></header>
<main>
<div class="container">
<div class="section">
<div class="col s12 m7">
<div class="card horizontal">
<div class="card-stacked">
<div class="card-content">
<h5>Your flow has expired</h5>
<p>
Flow could not continue as it was missing vital information. This can be caused by not performing the flow before codes and/or cookies expire, or by manually navigating to section of a flow, before finishing previous steps. <b>Please start the flow again.</b>
</p>
<div class="row flow-submit-container">
<a class="waves-effect waves-light btn full-width"
href="/">Start over</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="page-footer"></footer>
<script src="../js/load-layout.js"></script>
</body>
</html>

4
src/flow/pkce-2.html
View File

@@ -186,6 +186,10 @@
const state = generateSessionState(); const state = generateSessionState();
const codeChallenge = getCookie("code_challenge"); const codeChallenge = getCookie("code_challenge");
if (!codeChallenge) {
window.location = "/flow/expired";
}
setCookie("pkce-state", state, 5); setCookie("pkce-state", state, 5);
fillExample(); fillExample();
$("#sendRequestBtn").attr("href", constructRequestUrl()); $("#sendRequestBtn").attr("href", constructRequestUrl());

7
src/flow/pkce-3.html
View File

@@ -110,13 +110,16 @@
<script src="../js/load-layout.js"></script> <script src="../js/load-layout.js"></script>
<script src="../js/cookies.js"></script> <script src="../js/cookies.js"></script>
<script> <script>
$("#queryParams").text(window.location.search)
const urlParams = new URLSearchParams(window.location.search); const urlParams = new URLSearchParams(window.location.search);
const code = urlParams.get('code'); const code = urlParams.get('code');
const state = urlParams.get('state'); const state = urlParams.get('state');
const sentState = getCookie("pkce-state"); const sentState = getCookie("pkce-state");
if (!code || !state || !sentState) {
window.location = "/flow/expired";
}
$("#queryParams").text(window.location.search)
$("#state").text(state); $("#state").text(state);
$("#sent-state").text(sentState); $("#sent-state").text(sentState);
$("#received-state").text(state); $("#received-state").text(state);

4
src/flow/pkce-4.html
View File

@@ -175,6 +175,10 @@
const code = new URLSearchParams(window.location.search).get('code'); const code = new URLSearchParams(window.location.search).get('code');
const codeVerifier = getCookie("code_verifier"); const codeVerifier = getCookie("code_verifier");
if (!code || !codeVerifier) {
window.location = "/flow/expired";
}
function fillRequestExample() { function fillRequestExample() {
const requestExample = const requestExample =
"grant_type=authorization_code" + "\n" "grant_type=authorization_code" + "\n"