Web Security Playing with OAuth and OpenID Connect

Author : MD TAREQ HASSAN | Updated : 2020/06/17

Example of decoded ID Token

https://jwt.ms/#id_token=xxx

id_token

eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImtpZCI6IjFMVE16YWtpaGlSbGFfOHoyQkVKVlhlV01xbyJ9.eyJ2ZXIiOiIyLjAiLCJpc3MiOiJodHRwczovL2xvZ2luLm1pY3Jvc29mdG9ubGluZS5jb20vOTEyMjA0MGQtNmM2Ny00YzViLWIxMTItMzZhMzA0YjY2ZGFkL3YyLjAiLCJzdWIiOiJBQUFBQUFBQUFBQUFBQUFBQUFBQUFJa3pxRlZyU2FTYUZIeTc4MmJidGFRIiwiYXVkIjoiNmNiMDQwMTgtYTNmNS00NmE3LWI5OTUtOTQwYzc4ZjVhZWYzIiwiZXhwIjoxNTM2MzYxNDExLCJpYXQiOjE1MzYyNzQ3MTEsIm5iZiI6MTUzNjI3NDcxMSwibmFtZSI6IkFiZSBMaW5jb2xuIiwicHJlZmVycmVkX3VzZXJuYW1lIjoiQWJlTGlAbWljcm9zb2Z0LmNvbSIsIm9pZCI6IjAwMDAwMDAwLTAwMDAtMDAwMC02NmYzLTMzMzJlY2E3ZWE4MSIsInRpZCI6IjkxMjIwNDBkLTZjNjctNGM1Yi1iMTEyLTM2YTMwNGI2NmRhZCIsIm5vbmNlIjoiMTIzNTIzIiwiYWlvIjoiRGYyVVZYTDFpeCFsTUNXTVNPSkJjRmF0emNHZnZGR2hqS3Y4cTVnMHg3MzJkUjVNQjVCaXN2R1FPN1lXQnlqZDhpUURMcSFlR2JJRGFreXA1bW5PcmNkcUhlWVNubHRlcFFtUnA2QUlaOGpZIn0.1AFWW-Ck5nROwSlltm7GzZvDwUkqvhSQpm55TQsmVo9Y59cLhRXpvB8n-55HCr9Z6G_31_UbeUkoz612I2j_Sm9FFShSDDjoaLQr54CreGIJvjtmS3EkK9a7SJBbcpL1MpUtlfygow39tFjY7EVNW9plWUvRrTgVk7lYLprvfzw-CIqw3gHC-T7IK_m_xkr08INERBtaecwhTeN4chPC4W3jdmw_lIxzC48YoQ0dB1L9-ImX98Egypfrlbm0IBL5spFzL6JDZIRRJOu8vecJvj1mq-IUhGt0MacxX8jdxYLP-KUu2d9MbNKpCKJuZ7p8gwTL5B7NlUdh_dmSviPWrw

Registering client and user

goto: https://www.oauth.com/playground/
Populate required information by registering a client and user

Playing with OAuth and OIDC - gathering information Step 1

Playing with OAuth and OIDC - gathering information Step 2

Playing with OAuth and OIDC - gathering information Step 3

Playing with OAuth and OIDC - gathering information Step 4

Playing with OAuth and OIDC - gathering information Step 5

Required information example:

Client ID: Zuz4UNTjTy4TsqOY21_ZYrQk
Client Secret: fmGvsa6KW4CCl19NkIp64qU44JCSZ-36spwJ3BE5ivnKsWHs
Scope: openid profile
State: gLcmRCQDXfRy0Z8e

login: fierce-hummingbird@example.com
password: Foolish-Dormouse-14

Getting access token

Playing with OAuth and OIDC - getting access token Step 1

Playing with OAuth and OIDC - getting access token Step 2

Playing with OAuth and OIDC - getting access token Step 3

Playing with OAuth and OIDC - getting access token Step 4

Playing with OAuth and OIDC - getting access token Step 5

Playing with OAuth and OIDC - getting access token Step 6

Playing with other flows

Try yourself: https://oauth.com/playground/index.html

Playing with other flows - try yourself