Discord Login - OAuth2 - NodeBB

[Sampo2910]

Hi All,

Just joined here today and must say I love the theme and the font etc. Really nice and easy to the eye.

Anyway I was hoping that someone maybe could help out with finding a way to sign up/register on NodeBB using their Discord login?

I did unsuccessfully try with these links below but I am totally lost haha. Not much to go by and the URL was the problem. Maybe somebody has successfully done this here and could possible give me the idiots guide

Loading...

Please wait while the description loads.

Loading...

Loading...

Please wait while the description loads.

Loading...

Thanks
S

[phenomlab]

@phenomlab After checking in various places (including the nginx.conf file), the reason as to why this fails is because of the trailing / in the url within config.json. Now that we’ve removed that and restarted NodeBB, Discord OAUTH works as intended.

[phenomlab]

@Sampo2910 Welcome to Sudonix ! Can you give me an idea of how much progress you’ve made with either plugin above ? Typically, Discord, like several other OAUTH providers tend to fail on the callback.

[Sampo2910]

@phenomlab

HI,

Well i am using and got furthest with the second link from selkkie.

Basically so far I have this. The icon does not say Discord just ‘Discover’ as you can see.

When i click on it I then get.

If i generate a URL in the Discord Developer Portal on the app then go to that URL I made I get this.

So I don’t think I am a million miles away but obviously doing something wrong

But clicking on authorize then of course does this

[phenomlab]

@Sampo2910 Let me spin this up in my DEV environment and take a look.

[phenomlab]

@Sampo2910 I seem to get the same error messages as you. Investigating.

EDIT: Seems to be related to a token error from what I’m seeing in the logs.

EDIT2: Ok, after some fiddling around with settings, I have it working You can try it here if you want, as I’ve included it in PROD.

The part that got me initially was that I’d accidentally used the PUBLIC KEY

Be sure you’re using the CLIENT SECRET in OAUTH2.

Seems to work without issue for me now.

As for the Discord icon, you can get this to work by changing the CSS as below

.fa.fa-cc-discover {
    font-family: 'Font Awesome 5 Brands' !important;
}
.fa-cc-discover:before {
    content: "\f392";
}

Bizarre looking “quote border” on this icon - not sure why, but will have a look

[DownPW]

great work Mark

[Sampo2910]

Great work.

I am sure i have/had done it the same but for me it is still not working. Same error. SO something i have not done right.

I am complete novice also so where/which css do I change?

What did you do with Bot tokens. I assume that is needed.

Thx

[Sampo2910]

Hi again

Really not sure what I am doing wrong here. Guessing it is something simple. Still says invalid OAuth2 redirect_url as above. Hoping you guys/gals can help me

Thx again.

[phenomlab]

@Sampo2910 Is there any way I can get access to both your NodeBB instance, and the Discord setup ?

[phenomlab]

@Sampo2910 said in Discord Login - OAuth2 - NodeBB:

What did you do with Bot tokens. I assume that is needed.

Here’s the settings I have

@Sampo2910 said in Discord Login - OAuth2 - NodeBB:

I am complete novice also so where/which css do I change?

You don’t need to change any CSS - you just copy the provided into ACP->Appearance->Custom CSS

[Sampo2910]

@phenomlab

Hi,

Thanks regarding the CSS that is OK now.
I have the same settings as you have posted in all above.

I noticed that when i hover over the ‘alternative registration’ I can see this in bottom of window before I click the link.
That is not the link that is in my app.

This is wrong?

Maybe you could take a look remotely via AnyDesk ?

Note: My forum is not ‘public’ as in it can still of course be accessed publicly but I have not ‘advertised’ it as yet. So people do not know it’s there. I will do that when I am happy with it Just for Gamers anyway and of course for my own hobby/learning curve. I think with Discord more people will be more likely to ‘quickly’ register.

[phenomlab]

@Sampo2910 said in Discord Login - OAuth2 - NodeBB:

This is wrong?

No, this is fact correct. The callback part is the data sent back from Discord itself to your site to complete the OAUTH handshake.

@Sampo2910 said in Discord Login - OAuth2 - NodeBB:

Maybe you could take a look remotely via AnyDesk ?

I registered on your site, so if you can make me an admin (temporarily) that would be good so I can have a look around.

I’ll also need access to your Discord setup

[Sampo2910]

@phenomlab

You should be an admin now.

If you send me your discord tag i can invite you as a tester.

[phenomlab]

@Sampo2910 phenomlab#0581

[Sampo2910]

@phenomlab

I need to add you as friend before I can invite

UPDATE Invited To Test App.

[phenomlab]

@Sampo2910 Hmm - don’t see it in the teams section ?

[Sampo2910]

@phenomlab

[phenomlab]

@Sampo2910 Strange. Accepted it, but still can’t see it.

[Sampo2910]

@phenomlab

Can you try now. I had to put test mode on through main Discord application. Sorry. Forgot about that.

[phenomlab]

@Sampo2910 Still nothing.