@ -1,5 +1,5 @@ | |||
Aphelion | Perihelion | |||
:-------------------------:|------- | |||
[![Spotify](https://novatorem.vercel.app/api/spotify-playing)](https://open.spotify.com/user/omnitenebris)<br>|<div style="text-align: justify">Software Developer currently working on cool projects at [Cast](https://blacktrax.cast-soft.com/). Everything here is under the MIT License, [info here](https://choosealicense.com/licenses/mit/)!</div><br><p align="center">[![Website](https://img.shields.io/badge/website-dev-2a8?style=flat-square&logo=safari&logoColor=white)](https://novac.dev)</center> [![E-Mail](https://img.shields.io/badge/email-reveal-369?style=flat-square&logo=gmail&logoColor=white)](https://mailhide.io/e/5ck1H)<br>[![Spotify](https://img.shields.io/badge/spotify-omni-1DB954?style=flat-square&logo=spotify&logoColor=white)](https://open.spotify.com/user/omnitenebris) [![E-Mail](https://badges.pufler.dev/visits/novatorem/novatorem?logo=GitHub&label=github%20visits&color=blue&logoColor=white&style=flat-square)](https://github.com/novatorem)</p> | |||
[![Spotify](https://novatorem.vercel.app/api/spotify-playing)](https://open.spotify.com/user/omnitenebris)<br>|<div style="text-align: justify">Software Developer currently working on cool projects at [Cast](https://blacktrax.cast-soft.com/showcase/). Everything here is under the MIT License, [info here](https://choosealicense.com/licenses/mit/)!</div><br><p align="center">[![Website](https://img.shields.io/badge/website-dev-2a8?style=flat-square&logo=safari&logoColor=white)](https://novac.dev)</center> [![E-Mail](https://img.shields.io/badge/email-reveal-369?style=flat-square&logo=gmail&logoColor=white)](https://mailhide.io/e/5ck1H)<br>[![Spotify](https://img.shields.io/badge/spotify-omni-1DB954?style=flat-square&logo=spotify&logoColor=white)](https://open.spotify.com/user/omnitenebris) [![E-Mail](https://badges.pufler.dev/visits/novatorem/novatorem?logo=GitHub&label=github%20visits&color=blue&logoColor=white&style=flat-square)](https://github.com/novatorem)</p> | |||
[//]: <> (The ` ` is to have Aphelion take up more space) |
@ -0,0 +1,44 @@ | |||
# Set Up Guide | |||
## Spotify | |||
* Create a [Spotify Application](https://developer.spotify.com/dashboard/applications) | |||
* Put aside: | |||
* `Client ID` | |||
* `Client Secret` | |||
* Click on **Edit Settings** | |||
* In **Redirect URIs**: | |||
* Add `http://localhost/callback/` | |||
## Refresh Token | |||
* Navigate to the following URL: | |||
``` | |||
https://accounts.spotify.com/authorize?client_id={SPOTIFY_CLIENT_ID}&response_type=code&scope=user-read-currently-playing,user-read-recently-played&redirect_uri=http://localhost/callback/ | |||
``` | |||
* After logging in, save the {CODE} portion of: `http://localhost/callback/?code={CODE}` | |||
* Create a string combining `{SPOTIFY_CLIENT_ID}:{SPOTIFY_CLIENT_SECRET}` (e.g. `5n7o4v5a3t7o5r2e3m1:5a8n7d3r4e2w5n8o2v3a7c5`) and encode into [Base64](https://www.base64encode.org/). | |||
* Then run a [curl command](https://httpie.org/run) in the form of: | |||
```sh | |||
curl -X POST -H "Content-Type: application/x-www-form-urlencoded" -H "Authorization: Basic {BASE64}" -d "grant_type=authorization_code&redirect_uri=http://localhost/callback/&code={CODE}" https://accounts.spotify.com/api/token | |||
``` | |||
* Save the Refresh token | |||
## Vercel | |||
* Register on [Vercel](https://vercel.com/) | |||
* Create project linked to your github repo | |||
* Add System Variables: | |||
* `https://vercel.com/<YourName>/<ProjectName>/settings/environment-variables` | |||
* `SPOTIFY_REFRESH_TOKEN` | |||
* `SPOTIFY_CLIENT_ID` | |||
* `SPOTIFY_SECRET_ID` | |||
* Deploy! |