diff options
| author | Yigit Sever | 2021-04-15 23:35:24 +0300 |
|---|---|---|
| committer | Yigit Sever | 2021-04-15 23:35:24 +0300 |
| commit | c38545f032a82702c7a2f9b670176c14de80e2d3 (patch) | |
| tree | 8fab8c1b883e5650e631ebeabce1c4eb39aa93b0 /site/public/jwt/index.html | |
| parent | 7d8b9272f885c2a240867f45e7abccc98ebf18f7 (diff) | |
| download | gradecoin-c38545f032a82702c7a2f9b670176c14de80e2d3.tar.gz gradecoin-c38545f032a82702c7a2f9b670176c14de80e2d3.tar.bz2 gradecoin-c38545f032a82702c7a2f9b670176c14de80e2d3.zip | |
Reorder site navigation items
Diffstat (limited to 'site/public/jwt/index.html')
| -rw-r--r-- | site/public/jwt/index.html | 179 |
1 files changed, 0 insertions, 179 deletions
diff --git a/site/public/jwt/index.html b/site/public/jwt/index.html deleted file mode 100644 index cdece78..0000000 --- a/site/public/jwt/index.html +++ /dev/null | |||
| @@ -1,179 +0,0 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html lang="en"> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | <meta charset="UTF-8"> | ||
| 6 | <title>JWT | Gradecoin </title> | ||
| 7 | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| 8 | <style> | ||
| 9 | :root { | ||
| 10 | /* Primary theme color */ | ||
| 11 | --primary-color: #F8D12F; | ||
| 12 | /* Primary theme text color */ | ||
| 13 | --primary-text-color: #1E2329; | ||
| 14 | /* Primary theme link color */ | ||
| 15 | --primary-link-color: #2F57F7; | ||
| 16 | /* Secondary color: the background body color */ | ||
| 17 | --secondary-color: #FAFAFA; | ||
| 18 | --secondary-text-color: #303030; | ||
| 19 | /* Highlight text color of table of content */ | ||
| 20 | --toc-highlight-text-color: #d46e13; | ||
| 21 | } | ||
| 22 | </style> | ||
| 23 | |||
| 24 | <link href="https://fonts.googleapis.com/css?family=Alfa+Slab+One&display=swap" rel="stylesheet"> | ||
| 25 | <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600&display=swap" rel="stylesheet"> | ||
| 26 | <link rel="stylesheet" href="/normalize.css"> | ||
| 27 | <link rel="stylesheet" href="https://gradecoin.xyz/juice.css"> | ||
| 28 | |||
| 29 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> | ||
| 30 | |||
| 31 | </head> | ||
| 32 | |||
| 33 | <body> | ||
| 34 | |||
| 35 | <header class="box-shadow"> | ||
| 36 | |||
| 37 | |||
| 38 | <a href="https://gradecoin.xyz/"> | ||
| 39 | <div class="logo"> | ||
| 40 | <img src="https://gradecoin.xyz/gradecoin.png" alt="logo"> | ||
| 41 | Gradecoin | ||
| 42 | </div> | ||
| 43 | </a> | ||
| 44 | |||
| 45 | <nav> | ||
| 46 | |||
| 47 | <a class="nav-item subtitle-text" href="https://gradecoin.xyz/block-docs/">Blocks</a> | ||
| 48 | |||
| 49 | <a class="nav-item subtitle-text" href="https://gradecoin.xyz/transaction-docs/">Transactions</a> | ||
| 50 | |||
| 51 | <a class="nav-item subtitle-text" href="https://gradecoin.xyz/register-docs/">Register</a> | ||
| 52 | |||
| 53 | <a class="nav-item subtitle-text" href="https://gradecoin.xyz/jwt/">JWT</a> | ||
| 54 | |||
| 55 | |||
| 56 | |||
| 57 | <a class="nav-item subtitle-text" href="https://github.com/zhuowei/nft_ptr#why">why?</a> | ||
| 58 | |||
| 59 | |||
| 60 | </nav> | ||
| 61 | |||
| 62 | </header> | ||
| 63 | |||
| 64 | |||
| 65 | <main> | ||
| 66 | |||
| 67 | |||
| 68 | |||
| 69 | |||
| 70 | |||
| 71 | <div class="toc"> | ||
| 72 | <div class="toc-sticky"> | ||
| 73 | |||
| 74 | <div class="toc-item"> | ||
| 75 | <a class="subtext" href="https://gradecoin.xyz/jwt/#how">How?</a> | ||
| 76 | </div> | ||
| 77 | |||
| 78 | |||
| 79 | <div class="toc-item"> | ||
| 80 | <a class="subtext" href="https://gradecoin.xyz/jwt/#algorithm">Algorithm</a> | ||
| 81 | </div> | ||
| 82 | |||
| 83 | |||
| 84 | <div class="toc-item"> | ||
| 85 | <a class="subtext" href="https://gradecoin.xyz/jwt/#references">References</a> | ||
| 86 | </div> | ||
| 87 | |||
| 88 | |||
| 89 | </div> | ||
| 90 | </div> | ||
| 91 | |||
| 92 | |||
| 93 | |||
| 94 | <div class="content text"> | ||
| 95 | |||
| 96 | <div class="heading-text">JSON Web Token Documentation</div> | ||
| 97 | <blockquote> | ||
| 98 | <p>JSON Web Tokens are representations of claims, or authorization proofs that fit into the <code>Header</code> of HTTP requests.</p> | ||
| 99 | </blockquote> | ||
| 100 | <h1 id="how">How?</h1> | ||
| 101 | <p>JWTs are used as the <a href="https://en.wikipedia.org/wiki/Message_authentication_code">MAC</a> of operations that require authorization:</p> | ||
| 102 | <ul> | ||
| 103 | <li>block proposal</li> | ||
| 104 | <li>transaction proposal.</li> | ||
| 105 | </ul> | ||
| 106 | <p>They are send alongside the JSON request body in the <code>Header</code>;</p> | ||
| 107 | <pre style="background-color:#ffffff;"> | ||
| 108 | <code class="language-html" data-lang="html"><span style="color:#545052;">Authorization: Bearer aaaaaa.bbbbbb.ccccc | ||
| 109 | </span></code></pre> | ||
| 110 | <p>Gradecoin uses 3 fields for the JWTs;</p> | ||
| 111 | <pre style="background-color:#ffffff;"> | ||
| 112 | <code class="language-json" data-lang="json"><span style="color:#545052;">{ | ||
| 113 | "</span><span style="color:#009854;">tha</span><span style="color:#545052;">": "</span><span style="color:#009854;">Hash of the payload, check invididual references</span><span style="color:#545052;">", | ||
| 114 | "</span><span style="color:#009854;">iat</span><span style="color:#545052;">": "</span><span style="color:#009854;">Issued At, Unix Time</span><span style="color:#545052;">", | ||
| 115 | "</span><span style="color:#009854;">exp</span><span style="color:#545052;">": "</span><span style="color:#009854;">Expiration Time, epoch</span><span style="color:#545052;">" | ||
| 116 | } | ||
| 117 | </span></code></pre> | ||
| 118 | <ul> | ||
| 119 | <li><code>tha</code> is explained in <a href="https://gradecoin.xyz/block-docs/">blocks</a> and <a href="https://gradecoin.xyz/transaction-docs/">transactions</a> documentations.</li> | ||
| 120 | <li><code>iat</code> when the JWT was created in <a href="https://en.wikipedia.org/wiki/Unix_time">Unix Time</a> format</li> | ||
| 121 | <li><code>exp</code> when the JWT will expire & be rejected in <a href="https://en.wikipedia.org/wiki/Unix_time">Unix Time</a></li> | ||
| 122 | </ul> | ||
| 123 | <h1 id="algorithm">Algorithm</h1> | ||
| 124 | <p>We are using <a href="https://www.rfc-editor.org/rfc/rfc7518.html#section-3.1">RS256</a>, <code>RSASSA-PKCS1-v1_5 using SHA-256</code>. The JWTs you encode with your private RSA key will be decoded using the public key you have authenticated with. You can see how the process works <a href="https://jwt.io/">here</a>.</p> | ||
| 125 | <h1 id="references">References</h1> | ||
| 126 | <ul> | ||
| 127 | <li><a href="https://tools.ietf.org/html/rfc7519">RFC, the ultimate reference</a></li> | ||
| 128 | <li><a href="https://jwt.io/">JWT Debugger</a></li> | ||
| 129 | </ul> | ||
| 130 | |||
| 131 | |||
| 132 | </div> | ||
| 133 | |||
| 134 | |||
| 135 | |||
| 136 | </main> | ||
| 137 | |||
| 138 | |||
| 139 | <footer> | ||
| 140 | Built For ⁂ CENG489 ⁂ Introduction to Computer Security | ||
| 141 | </footer> | ||
| 142 | |||
| 143 | </body> | ||
| 144 | <script> | ||
| 145 | function highlightNav(heading) { | ||
| 146 | let pathname = location.pathname; | ||
| 147 | document.querySelectorAll(".toc a").forEach((item) => { | ||
| 148 | item.classList.remove("active"); | ||
| 149 | }); | ||
| 150 | document.querySelector(".toc a[href$='" + pathname + "#" + heading + "']").classList.add("active"); | ||
| 151 | } | ||
| 152 | |||
| 153 | let currentHeading = ""; | ||
| 154 | window.onscroll = function () { | ||
| 155 | let h = document.querySelectorAll("h1,h2,h3,h4,h5,h6"); | ||
| 156 | let elementArr = []; | ||
| 157 | |||
| 158 | h.forEach(item => { | ||
| 159 | if (item.id !== "") { | ||
| 160 | elementArr[item.id] = item.getBoundingClientRect().top; | ||
| 161 | } | ||
| 162 | }); | ||
| 163 | elementArr.sort(); | ||
| 164 | for (let key in elementArr) { | ||
| 165 | if (!elementArr.hasOwnProperty(key)) { | ||
| 166 | continue; | ||
| 167 | } | ||
| 168 | if (elementArr[key] > 0 && elementArr[key] < 300) { | ||
| 169 | if (currentHeading !== key) { | ||
| 170 | highlightNav(key); | ||
| 171 | currentHeading = key; | ||
| 172 | } | ||
| 173 | break; | ||
| 174 | } | ||
| 175 | } | ||
| 176 | } | ||
| 177 | </script> | ||
| 178 | |||
| 179 | </html> | ||
