jwk.pages.dev/src/index.html

75 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>JSON Web Key Generator</title>
<script type="module" src="/main.js"></script>
<link rel="stylesheet" href="/main.css" />
</head>
<body>
<header>
<h1>JSON Web Key Generator</h1>
<p>Generate JSON Web Key.</p>
<nav>
<a href="https://github.com/kou029w/jwk.pages.dev" rel="noreferrer">
GitHub
</a>
</nav>
</header>
<main>
<form>
<label style="display: block">
Algorithm
<select name="alg">
<!-- https://www.iana.org/assignments/jose/web-signature-encryption-algorithms.csv -->
<option label="ECDSA (ES256)">ES256</option>
<option label="ECDSA (ES384)">ES384</option>
<option label="ECDSA (ES512)">ES512</option>
<option label="RSASSA-PKCS1-v1_5 (RS256)">RS256</option>
<option label="RSASSA-PKCS1-v1_5 (RS384)">RS384</option>
<option label="RSASSA-PKCS1-v1_5 (RS512)">RS512</option>
<option label="RSASSA-PSS (PS256)">PS256</option>
<option label="RSASSA-PSS (PS384)">PS384</option>
<option label="RSASSA-PSS (PS512)">PS512</option>
<option>ECDH-ES</option>
<option>ECDH-ES+A128KW</option>
<option>ECDH-ES+A192KW</option>
<option>ECDH-ES+A256KW</option>
<option>RSA-OAEP</option>
<option>RSA-OAEP-256</option>
<option>RSA-OAEP-384</option>
<option>RSA-OAEP-512</option>
</select>
</label>
<label style="display: block">
Key ID
<select name="kid-method">
<option value="rfc7638-s256">JWK Thumbprint (SHA-256)</option>
<option value="rfc7638-s384">JWK Thumbprint (SHA-384)</option>
<option value="rfc7638-s512">JWK Thumbprint (SHA-512)</option>
<option value="rfc9278-s256">JWK Thumbprint URI (SHA-256)</option>
<option value="rfc9278-s384">JWK Thumbprint URI (SHA-384)</option>
<option value="rfc9278-s512">JWK Thumbprint URI (SHA-512)</option>
<option value="uuid">UUID</option>
<option value="uuid-uri">UUID URI</option>
<option value="unix-timestamp">Timestamp</option>
<option value="ecma-timestamp">Timestamp (milliseconds)</option>
<option value="date-time">Date and Time</option>
<option value="">-</option>
</select>
</label>
<input
type="submit"
value="Generate"
aria-label="Generate"
style="display: block"
/>
</form>
<label for="private">Private Key</label>
<pre id="private"></pre>
<label for="public">Public Key</label>
<pre id="public"></pre>
</main>
</body>
</html>