Authorizing a page with twitch

BarryCarlyon · November 30, 2020, 2:49pm

Live Example

Source code

BarryCarlyon/twitch_misc/blob/master/authentication/implicit_auth/index.html

<html>
<head>
    <title>Twitch Implicit Auth Example</title>
</head>
<body>
    <p><a href="https://dev.twitch.tv/docs/authentication/getting-tokens-oauth#oauth-implicit-code-flow" target="_blank">Implicit Auth</a> is a way to get a <a href="https://dev.twitch.tv/docs/authentication#types-of-tokens" target="_blank">User Access Token</a> in a pure front end environment, it needs only a ClientID</p>
    <p>Get the code for this example on <a href="https://github.com/BarryCarlyon/twitch_misc/tree/master/authentication/implicit_auth">Github</a> or just View the source instead</p>
    <a href="" id="authorize">Authorize</a>
    <div id="access_token"></div>
    <div id="user_data"></div>

    <script type="text/javascript">
        // These are set for the GitHub Pages Example
        // Substitute as needed
        var client_id = 'hozgh446gdilj5knsrsxxz8tahr3koz';
        var redirect = 'https://barrycarlyon.github.io/twitch_misc/authentication/implicit_auth/';

        document.getElementById('authorize').setAttribute('href', 'https://id.twitch.tv/oauth2/authorize?client_id=' + client_id + '&redirect_uri=' + encodeURIComponent(redirect) + '&response_type=token')
        document.getElementById('access_token').textContent = '';

This file has been truncated. show original

You do the implicit auth loop

Then use the access token with the Get Users endpoint as Dist mentions