69 lines
2.5 KiB
HTML
69 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Installation | Essentials for Spotify</title>
|
|
<link rel="shortcut icon" href="favicon.png" />
|
|
<link rel="stylesheet" href="/style.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="form-container">
|
|
<h2>
|
|
Essentials for Spotify
|
|
|
|
<br />
|
|
|
|
<small>
|
|
<small>Installation</small>
|
|
</small>
|
|
|
|
<img alt="Essentials for Spotify" src="logo.png" />
|
|
</h2>
|
|
|
|
<div class="instructions">
|
|
<span id="success">
|
|
<span>The installation has been <b>completed successfully</b>!</span>
|
|
<br />
|
|
You may close this page now.
|
|
</span>
|
|
|
|
<ol class="main">
|
|
<li>Login to <a href="https://developer.spotify.com" target="_blank" rel="noopener">Spotify for Developers</a> with your Spotify account.</li>
|
|
<li>Go to <a href="https://developer.spotify.com/dashboard/create" target="_blank" rel="noopener">Create app - Spotify for Developers</a>.</li>
|
|
<li>Set <code id="url">http://127.0.0.1:<span class="port"></span></code> as <b>"Redirect URI"</b> and click <b>Add</b>.</li>
|
|
<li>Check <b>"Web API"</b> in <b>"Which API/SDKs are you planning to use?"</b>.</li>
|
|
<li>Fill the rest of the form to your liking, <b>"Website"</b> field can be left empty.</li>
|
|
<li>Create the app and navigate to the app's dashboard.</li>
|
|
<li>Click <b>"Basic Information"</b> in the app's dashboard.</li>
|
|
<li>Copy the <b>"Client ID"</b> to the form below.</li>
|
|
<li>Click <b>"View client secret"</b> and copy the <b>"Client secret"</b> to the form below.</li>
|
|
<li>Submit the form below.</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<form action="/" method="POST" class="main">
|
|
<div id="error">
|
|
<span>Something went wrong!</span>
|
|
<br />
|
|
<small><b>Please double-check the app information and try again.</b></small>
|
|
<br /><br><br>
|
|
</div>
|
|
|
|
<input type="text" id="clientId" name="clientId" placeholder="Client ID" required />
|
|
<input type="text" id="clientSecret" name="clientSecret" placeholder="Client Secret" required />
|
|
<input type="submit" value="Submit" />
|
|
|
|
<br />
|
|
|
|
<small>If you get "<b>INVALID_CLIENT: Invalid redirect URI</b>":<br />Make sure you have copied the <b>Redirect URL</b> exactly as is, without a trailing slash (/).</small>
|
|
</form>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/script.js"></script>
|
|
</body>
|
|
</html>
|