NowPlayingOnSpotify authentication error

[MadeInMaine]

Hello everyone,

I am pretty new at MagicMirror, so I am looking for some help.

I am trying to authenticate the NowPlayingOnSpotify, but when I go to Authorize in Step 2 and go to the local host site, I get “this site can not be reached”

What am I typing in wrong? I am lost…

HELP!

thanks in advance.

[sdetweil]

@MadeInMaine it says

did u start the authorization app?

if so
are you using a browser on the pi or some other system (remote from the pi)

[MadeInMaine]

@sdetweil

Started the auth instructions,

Did the edit setting and copied the website, put in client id and secret, clicked authorize….

Then “the site can’t be reached”.

I copy/pasted the exact website into the “requested url”, id/secret were copy/paste.

Not sure where the problem is.

If I type in my IP address to chromium, it also gives the same error. I figured that meant a firewall issue.
But chromium post settings just send me to a site that talks about “using chromium on supported desktop”

Not sure where to go….

[MadeInMaine]

@sdetweil
Using browser on Pi,
But spotify will be used from my phone or computer once fully set up

[sdetweil]

@MadeInMaine this process is authorizing THIS computer to talk to the Spotify system, thru the application you create on the spotify server. has nothing to do with phone or other computer.

so sounds like you didn’t start the authorization app per the instructions

[MadeInMaine]

@sdetweil

Thanks for the reply.
I guess I don’t know what I did wrong and how to correct it. I followed the instructions to the letter.

When I type in localhost:8888 to chromium browser, i get the “site can’t be reached”.

Could you explain what you think I am doing wrong and how to fix it?

Please and thank you

[sdetweil]

@MadeInMaine chromium browser doesn’t sound right. what browser are you using on the system running MagicMirror?

[MadeInMaine]

@sdetweil

I am not using a browser to run MagicMirror.
I run it through terminal and “npm start” to run it.

Not sure if that helps

[sdetweil]

@MadeInMaine when u do npm start , it starts the MagicMirror app, which displays thru a browser (electron by default)

the black background is electron …

on that screen, press ctrl-shift-i on the keyboard
and a second panel will open, the browser developers window
(just like on Windows, anything built on Firefox or Chrome)

[MadeInMaine]

@sdetweil

Looks like electron as it does not look like standard browser.