Config extracted

This commit is contained in:
konarfil
2023-09-25 18:15:59 +02:00
parent dd89b5664c
commit 6d8427103a
5 changed files with 27 additions and 20 deletions

View File

@@ -151,15 +151,15 @@
</main>
<footer class="page-footer"></footer>
<script src="../js/load-layout.js"></script>
<script src="../js/env-config.js"></script>
<script>
const tokenEndpoint = 'https://www.sso.oauth-playground.online/auth/token';
const clientID = 'oauth-playground';
const tokenEndpoint = baseUrl + "/token";
const code = new URLSearchParams(window.location.search).get('code');
function fillRequestExample() {
const requestExample =
"grant_type=authorization_code" + "\n"
+ "&client_id=" + clientID + "\n"
+ "&client_id=" + getClientId() + "\n"
+ "&redirect_uri=" + getRedirectUri() + "\n"
+ "&code=" + code;
@@ -168,7 +168,7 @@
$("#tokenUrl").text(tokenEndpoint);
$("#grantType").text("authorization_code");
$("#clientId").text(clientID);
$("#clientId").text(getClientId());
$("#redirectUri").text(getRedirectUri());
$("#code").text(code);
}
@@ -182,7 +182,7 @@
const bodyData = new URLSearchParams();
bodyData.append('grant_type', 'authorization_code');
bodyData.append('client_id', clientID);
bodyData.append('client_id', getClientId());
bodyData.append('redirect_uri', getRedirectUri());
bodyData.append('code', code);

View File

@@ -118,6 +118,7 @@
</main>
<footer class="page-footer"></footer>
<script src="../js/load-layout.js"></script>
<script src="../js/env-config.js"></script>
<script>
function generateSessionState () {
return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
@@ -126,7 +127,7 @@
function constructRequestUrl () {
return baseUrl
+ "?" + "response_type=" + responseType
+ "&" + "client_id=" + clientId
+ "&" + "client_id=" + getClientId()
+ "&" + "redirect_uri=" + redirectUri
+ "&" + "scope=" + scope
+ "&" + "state=" + state;
@@ -135,7 +136,7 @@
function fillExample() {
const requestExample = baseUrl + "\n"
+ " ?response_type=" + responseType + "\n"
+ " &client_id=" + clientId + "\n"
+ " &client_id=" + getClientId() + "\n"
+ " &redirect_uri=" + redirectUri + "\n"
+ " &scope=" + scope + "\n"
+ " &state=" + state;
@@ -143,7 +144,7 @@
$("#requestUriExample").text(requestExample);
$("#baseUrl").text(baseUrl);
$("#responseType").text(responseType);
$("#clientId").text(clientId);
$("#clientId").text(getClientId());
$("#redirectUri").text(redirectUri);
$("#scope").text(scope);
$("#state").text(state);
@@ -153,9 +154,7 @@
return window.location.protocol + "//" + window.location.host + "/flow/code-2";
}
const baseUrl = "https://www.sso.oauth-playground.online/auth";
const responseType = "code";
const clientId = "oauth-playground";
const redirectUri = getRedirectUri();
const scope = "offline_access";
const state = generateSessionState();

View File

@@ -134,6 +134,7 @@
<footer class="page-footer"></footer>
<script src="../js/load-layout.js"></script>
<script src="../js/cookies.js"></script>
<script src="../js/env-config.js"></script>
<script>
function generateSessionState () {
return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
@@ -142,7 +143,7 @@
function constructRequestUrl () {
return baseUrl
+ "?" + "response_type=" + responseType
+ "&" + "client_id=" + clientId
+ "&" + "client_id=" + getClientId()
+ "&" + "redirect_uri=" + redirectUri
+ "&" + "scope=" + scope
+ "&" + "state=" + state
@@ -153,7 +154,7 @@
function fillExample() {
const requestExample = baseUrl + "\n"
+ " ?response_type=" + responseType + "\n"
+ " &client_id=" + clientId + "\n"
+ " &client_id=" + getClientId() + "\n"
+ " &redirect_uri=" + redirectUri + "\n"
+ " &scope=" + scope + "\n"
+ " &state=" + state + "\n"
@@ -163,7 +164,7 @@
$("#requestUriExample").text(requestExample);
$("#baseUrl").text(baseUrl);
$("#responseType").text(responseType);
$("#clientId").text(clientId);
$("#clientId").text(getClientId());
$("#redirectUri").text(redirectUri);
$("#scope").text(scope);
$("#state").text(state);
@@ -175,9 +176,7 @@
return window.location.protocol + "//" + window.location.host + "/flow/pkce-3";
}
const baseUrl = "https://www.sso.oauth-playground.online/auth";
const responseType = "code";
const clientId = "oauth-playground";
const redirectUri = getRedirectUri();
const scope = "offline_access";
const state = generateSessionState();

View File

@@ -165,16 +165,16 @@
<footer class="page-footer"></footer>
<script src="../js/load-layout.js"></script>
<script src="../js/cookies.js"></script>
<script src="../js/env-config.js"></script>
<script>
const tokenEndpoint = 'https://www.sso.oauth-playground.online/auth/token';
const clientID = 'oauth-playground';
const tokenEndpoint = baseUrl + "/token";
const code = new URLSearchParams(window.location.search).get('code');
const codeVerifier = getCookie("code_verifier");
function fillRequestExample() {
const requestExample =
"grant_type=authorization_code" + "\n"
+ "&client_id=" + clientID + "\n"
+ "&client_id=" + getClientId() + "\n"
+ "&redirect_uri=" + getRedirectUri() + "\n"
+ "&code=" + code + "\n"
+ "&code_verifier=" + codeVerifier;
@@ -184,7 +184,7 @@
$("#tokenUrl").text(tokenEndpoint);
$("#grantType").text("authorization_code");
$("#clientId").text(clientID);
$("#clientId").text(getClientId());
$("#redirectUri").text(getRedirectUri());
$("#code").text(code);
$("#codeVerifier").text(codeVerifier);
@@ -199,7 +199,7 @@
const bodyData = new URLSearchParams();
bodyData.append('grant_type', 'authorization_code');
bodyData.append('client_id', clientID);
bodyData.append('client_id', getClientId());
bodyData.append('redirect_uri', getRedirectUri());
bodyData.append('code', code);
bodyData.append('code_verifier', codeVerifier);

9
src/js/env-config.js Normal file
View File

@@ -0,0 +1,9 @@
const baseUrl = "https://www.sso.oauth-playground.online/auth";
function getClientId() {
if (window.location.hostname === "localhost") {
return "oauth-playground-localhost";
}
return "oauth-playground";
}