adb/spot2gether-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

debug

Browse Source
This commit is contained in:
adb-sh 2022-10-01 23:10:07 +02:00
parent e4de1997a3
commit 2d2383b8ae
3 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -16,7 +16,6 @@
"bootstrap-icons": "^1.9.1", "bootstrap-icons": "^1.9.1",
"core-js": "^3.8.3", "core-js": "^3.8.3",
"localforage": "^1.10.0", "localforage": "^1.10.0",
"querystring": "^0.2.1",
"register-service-worker": "^1.7.2", "register-service-worker": "^1.7.2",
"vue": "^3.2.13", "vue": "^3.2.13",
"vue-router": "^4.0.3" "vue-router": "^4.0.3"

5
src/views/AuthCallbackPage.vue
View File

@ -7,7 +7,10 @@ import PromiseResolver from "@/components/PromiseResolver.vue";
<h1>Connect to Spotify</h1> <h1>Connect to Spotify</h1>
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<PromiseResolver :promise="$api.auth({ code, state })"> <PromiseResolver :promise="$api.auth({
code: $route.query.code,
state: $route.query.state,
})">
<div class="alert alert-success"> <div class="alert alert-success">
Authorization completed Authorization completed
</div> </div>

21
src/views/AuthPage.vue
View File

@ -1,6 +1,4 @@
<script setup> <script setup>
import querystring from "querystring";
const randomString = (length) => { const randomString = (length) => {
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
let result = ''; let result = '';
@ -9,15 +7,16 @@ const randomString = (length) => {
return result; return result;
} }
const authUrl = 'https://accounts.spotify.com/authorize?' + querystring.stringify({ const params = new URLSearchParams();
response_type: 'code', params.append('response_type', 'code');
// eslint-disable-next-line // eslint-disable-next-line
client_id: process.env.VUE_APP_SPOTIFY_CLIENT_ID, params.append('client_id', process.env.VUE_APP_SPOTIFY_CLIENT_ID);
// eslint-disable-next-line // eslint-disable-next-line
redirect_uri: process.env.VUE_APP_SPOTIFY_REDIRECT_URI, params.append('redirect_uri', process.env.VUE_APP_SPOTIFY_REDIRECT_URI);
scope: 'user-read-email app-remote-control user-read-playback-state user-read-currently-playing user-modify-playback-state', params.append('scope', 'user-read-email app-remote-control user-read-playback-state user-read-currently-playing user-modify-playback-state');
state: randomString(16), params.append('state', randomString(16));
});
const authUrl = 'https://accounts.spotify.com/authorize?' + params.toString();
</script> </script>
<template> <template>