diff --git a/client/src/api.ts b/client/src/api.ts
index 3d681e6..b4733c1 100644
--- a/client/src/api.ts
+++ b/client/src/api.ts
@@ -359,15 +359,15 @@ export const LoginEndpoint = "/login";
 export const LogoutEndpoint = "/logout";
 
 export enum IntegrationType {
-    spotify = "spotify",
+    SpotifyClientCredentials = "SpotifyClientCredentials",
 }
 
-export interface SpotifyIntegrationDetails {
+export interface SpotifyClientCredentialsDetails {
     clientId: string,
     clientSecret: string,
 }
 
-export type IntegrationDetails = SpotifyIntegrationDetails;
+export type IntegrationDetails = SpotifyClientCredentialsDetails;
 
 // Create a new integration (POST).
 export const CreateIntegrationEndpoint = '/integration';
diff --git a/client/src/components/windows/settings/IntegrationSettingsEditor.tsx b/client/src/components/windows/settings/IntegrationSettingsEditor.tsx
index 6f966a5..ccfb08a 100644
--- a/client/src/components/windows/settings/IntegrationSettingsEditor.tsx
+++ b/client/src/components/windows/settings/IntegrationSettingsEditor.tsx
@@ -1,7 +1,6 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { useAuth } from '../../../lib/useAuth';
-import { Box, CircularProgress, IconButton, Typography, FormControl, Select, MenuItem, TextField, Menu } from '@material-ui/core';
-import { IntegrationDetails } from '../../../api';
+import { Box, CircularProgress, IconButton, Typography, FormControl, Select, MenuItem, TextField, Menu, Button } from '@material-ui/core';
 import { getIntegrations, createIntegration, modifyIntegration, deleteIntegration } from '../../../lib/backend/integrations';
 import AddIcon from '@material-ui/icons/Add';
 import EditIcon from '@material-ui/icons/Edit';
@@ -10,6 +9,7 @@ import DeleteIcon from '@material-ui/icons/Delete';
 import * as serverApi from '../../../api';
 import StoreLinkIcon, { ExternalStore } from '../../common/StoreLinkIcon';
 import { v4 as genUuid } from 'uuid';
+import { getAuthToken } from '../../../lib/integration/spotify/spotify';
 let _ = require('lodash')
 
 interface EditIntegrationProps {
@@ -22,9 +22,42 @@ interface EditIntegrationProps {
     onDelete: () => void,
 }
 
+function EditSpotifyClientCredentialsDetails(props: {
+    clientId: string,
+    clientSecret: string,
+    editing: boolean,
+    onChangeClientId: (v: string) => void,
+    onChangeClientSecret: (v: string) => void,
+}) {
+    return <Box>
+        <Box display="flex" alignItems="center">
+            <Typography>Client id:</Typography>
+            {props.editing ?
+                <TextField
+                    variant="outlined"
+                    value={props.clientId || ""}
+                    label="Client Id:"
+                    onChange={(e: any) => props.onChangeClientId(e.target.value)}
+                /> :
+                <Typography>{props.clientId}</Typography>}
+        </Box>
+        <Box display="flex" alignItems="center">
+            <Typography>Client secret:</Typography>
+            {props.editing ?
+                <TextField
+                    variant="outlined"
+                    value={props.clientSecret || ""}
+                    label="Client secret:"
+                    onChange={(e: any) => props.onChangeClientSecret(e.target.value)}
+                /> :
+                <Typography>{props.clientSecret}</Typography>}
+        </Box>
+    </Box>;
+}
+
 function EditIntegration(props: EditIntegrationProps) {
     let IntegrationHeaders: Record<any, any> = {
-        [serverApi.IntegrationType.spotify]: <Box display="flex" alignItems="center">
+        [serverApi.IntegrationType.SpotifyClientCredentials]: <Box display="flex" alignItems="center">
             <StoreLinkIcon
                 style={{ height: '40px', width: '40px' }}
                 whichStore={ExternalStore.Spotify}
@@ -49,52 +82,40 @@ function EditIntegration(props: EditIntegrationProps) {
                 /> :
                 <Typography>{props.integration.name}</Typography>}
         </Box>
-        {props.integration.type === serverApi.IntegrationType.spotify && <>
-            <Box display="flex" alignItems="center">
-                <Typography>Client id:</Typography>
-                {props.editing ?
-                    <TextField
-                        variant="outlined"
-                        value={props.integration.details.clientId || ""}
-                        label="Client Id:"
-                        onChange={(e: any) => props.onChange({
-                            ...props.integration,
-                            details: {
-                                ...props.integration.details,
-                                clientId: e.target.value,
-                            }
-                        }, props.editing)}
-                    /> :
-                    <Typography>{props.integration.details.clientId}</Typography>}
-            </Box>
-            <Box display="flex" alignItems="center">
-                <Typography>Client secret:</Typography>
-                {props.editing ?
-                    <TextField
-                        variant="outlined"
-                        value={props.integration.details.clientSecret || ""}
-                        label="Client secret:"
-                        onChange={(e: any) => props.onChange({
-                            ...props.integration,
-                            details: {
-                                ...props.integration.details,
-                                clientSecret: e.target.value,
-                            }
-                        }, props.editing)}
-                    /> :
-                    <Typography>{props.integration.details.clientSecret}</Typography>}
-            </Box>
-            {!props.editing && !props.submitting && <IconButton
-                onClick={() => { props.onChange(props.integration, true); }}
-            ><EditIcon /></IconButton>}
-            {props.editing && !props.submitting && <IconButton
-                onClick={() => { props.onSubmit(); }}
-            ><CheckIcon /></IconButton>}
-            {!props.submitting && <IconButton
-                onClick={() => { props.onDelete(); }}
-            ><DeleteIcon /></IconButton>}
-            {props.submitting && <CircularProgress />}
-        </>}
+        {props.integration.type === serverApi.IntegrationType.SpotifyClientCredentials &&
+            <EditSpotifyClientCredentialsDetails
+                clientId={props.integration.details.clientId}
+                clientSecret={props.integration.details.clientSecret}
+                editing={props.editing}
+                onChangeClientId={(v: string) => props.onChange({
+                    ...props.integration,
+                    details: {
+                        ...props.integration.details,
+                        clientId: v,
+                    }
+                }, props.editing)}
+                onChangeClientSecret={(v: string) => props.onChange({
+                    ...props.integration,
+                    details: {
+                        ...props.integration.details,
+                        clientSecret: v,
+                    }
+                }, props.editing)}
+            />
+        }
+        {!props.editing && !props.submitting && <IconButton
+            onClick={() => { props.onChange(props.integration, true); }}
+        ><EditIcon /></IconButton>}
+        {props.editing && !props.submitting && <IconButton
+            onClick={() => { props.onSubmit(); }}
+        ><CheckIcon /></IconButton>}
+        {!props.submitting && <IconButton
+            onClick={() => { props.onDelete(); }}
+        ><DeleteIcon /></IconButton>}
+        {!props.submitting && <Button
+            onClick={() => { }}
+        >Test</Button>}
+        {props.submitting && <CircularProgress />}
     </Box >
 }
 
@@ -117,7 +138,7 @@ function AddIntegrationMenu(props: {
     >
         <MenuItem
             onClick={() => {
-                props.onAdd(serverApi.IntegrationType.spotify);
+                props.onAdd(serverApi.IntegrationType.SpotifyClientCredentials);
                 props.onClose();
             }}
         >Spotify</MenuItem>
@@ -176,7 +197,7 @@ export default function IntegrationSettingsEditor(props: {}) {
     }
 
     const deleteEditor = (state: EditorState) => {
-        if(!state.upstreamId) {
+        if (!state.upstreamId) {
             throw new Error('Cannot delete integration: has no upstream')
         }
         deleteIntegration(state.upstreamId).then((response: any) => {
@@ -267,7 +288,7 @@ export default function IntegrationSettingsEditor(props: {}) {
                 let cpy = _.cloneDeep(editors);
                 cpy.push({
                     integration: {
-                        type: serverApi.IntegrationType.spotify,
+                        type: serverApi.IntegrationType.SpotifyClientCredentials,
                         details: {
                             clientId: '',
                             clientSecret: '',
diff --git a/client/src/lib/integration/spotify/spotify.tsx b/client/src/lib/integration/spotify/spotify.tsx
new file mode 100644
index 0000000..02aa5ca
--- /dev/null
+++ b/client/src/lib/integration/spotify/spotify.tsx
@@ -0,0 +1,11 @@
+export async function getAuthToken(clientId: string, clientSecret: string) {
+    let requestOpts = {
+        method: "POST",
+        headers: { "Authorization": "Basic " + clientId + ":" + clientSecret },
+    }
+
+    const response = await fetch("https://accounts.spotify.com/api/token?grant_type=client_credentials", requestOpts)
+    return await response.json();
+}
+
+export default {}
\ No newline at end of file
diff --git a/server/integrations/spotifyClientCreds.ts b/server/integrations/spotifyClientCreds.ts
new file mode 100644
index 0000000..7bcd887
--- /dev/null
+++ b/server/integrations/spotifyClientCreds.ts
@@ -0,0 +1,15 @@
+// The authorization token to use with the Spotify API.
+// Will need to be refreshed once in a while.
+let authToken: string | null = null;
+
+export async function getAuthToken(clientId: string, clientSecret: string) {
+    let requestOpts = {
+        method: "POST",
+        headers: { "Authorization": "Basic " + clientId + ":" + clientSecret },
+    }
+
+    const response = await fetch("https://accounts.spotify.com/api/token?grant_type=client_credentials", requestOpts)
+    return await response.json();
+}
+
+export async function 
\ No newline at end of file