OAuth Test Page

Test "Login with Mixera ID" integration

← Back to Login
1

Get Your OAuth Credentials

Create an app from your Mixera account to get Client ID & Secret

Pending

To integrate "Login with Mixera ID" into your website:

  1. 1. Sign in to your Mixera account
  2. 2. Go to Account Settings → Connected Apps
  3. 3. Click "+ Create New App"
  4. 4. Enter your app name and redirect URI(s)
  5. 5. Save your Client ID and Client Secret
Go to Account Settings →

Note: New apps require approval before they can be used. You'll be notified once your app is reviewed.

Already have credentials? Enter them below:

2

Login with Mixera ID

Simulate OAuth authorization flow

Pending

User Credentials (must have a Mixera account)

3

Exchange Code for Token

Server-side token exchange

Pending
4

Get User Info

Fetch user profile with access token

Pending

API Request Log

Ready to test OAuth flow...

Quick Setup for Developers

  1. 1. Create a Mixera account if you don't have one
  2. 2. Go to Account → Connected Apps and create your app
  3. 3. Wait for your app to be approved (usually within 24h)
  4. 4. Enter your Client ID and Secret here to test
  5. 5. Use the code example below to add "Login with Mixera ID" to your site

Environment

API Endpoint:
Redirect URI:

Integration Code Example

Preview:

<!-- Login with Mixera ID Button -->
<button onclick="loginWithMixera()" style="
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #A259FF;
  color: white;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
">
  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
    <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/>
    <polyline points="10 17 15 12 10 7"/>
    <line x1="15" y1="12" x2="3" y2="12"/>
  </svg>
  Login with Mixera ID
</button>

<script>
function loginWithMixera() {
  const params = new URLSearchParams({
    client_id: 'YOUR_CLIENT_ID',
    redirect_uri: window.location.origin + '/callback',
    response_type: 'code',
    scope: 'profile email',
    state: Math.random().toString(36).slice(2)
  });

  window.location.href = 'https://mixera.pro/authorize?' + params;
}
</script>