@ -1,5 +1,5 @@ | |||||
Aphelion | Perihelion | 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) | [//]: <> (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! |