I am trying to integrate discord Oauth but facing some issue. I already integrated google sign in and it works fine.
const { loginWithGoogle, loginWithDiscord } = useAuth();
return (
<Dialog open={isOpen} onOpenChange={onClose}>
<DialogContent className="sm:max-w-[400px] flex flex-col gap-6">
<div className="flex flex-col gap-2 text-center">
<h2 className="font-bold text-2xl tracking-tight">
{mode === "signin" ? "Welcome back" : "Create an account"}
</h2>
<p className="text-sm text-muted-foreground">
{mode === "signin"
? "Sign in to your account to continue"
: "Sign up for an account to get started"}
</p>
</div>
<div className="flex flex-col gap-3">
<Button
variant="outline"
onClick={() => loginWithDiscord()}
className="flex items-center gap-2"
>
<DiscordLogoIcon className="w-5 h-5" />
Continue with Discord
</Button>
<Button
variant="outline"
onClick={() => loginWithGoogle()}
className="flex items-center gap-2"
>
<FcGoogle className="w-5 h-5" />
Continue with Google
</Button>
</div>
</DialogContent>
</Dialog>
);
}```
// authContext
```const value = {
user,
userProfile,
loading,
loginWithGoogle: async () => {
try {
await loginWithGoogle();
checkSession();
} catch (error) {
console.error("Google login failed:", error);
}
},
loginWithDiscord: async () => {
try {
await loginWithDiscord();
checkSession();
} catch (error) {
console.error("Discord login failed:", error);
}
},
logout: async () => {
try {
await account.deleteSession("current");
setUser(null);
} catch (error) {
console.error("Logout failed:", error);
}
},
};```
// appwrite.ts
```export const loginWithGoogle = () => {
return account.createOAuth2Session(
OAuthProvider.Google,
"${success_url}",
"${fail_url}"
);
};
export const loginWithDiscord = () => {
console.log("loginWithDiscord");
return account.createOAuth2Session(
OAuthProvider.Discord,
"${success_url}",
"${fail_url}"
["identify", "email"]
);
};```
when i click on authorize of discord popup, it redirects me to the error:
```{
"message": "There was an error processing your request. Please check the inputs and try again.",
"code": 400,
"type": "general_bad_request",
"version": "1.6.1"
}```
pretty sure it has to do something with the callback URL.
Please follow this tutorial step-by-step: https://appwrite.io/integrations/oauth-discord
double check the discord console settings.
already followed the same. not working. how can I debug further ?
can you share the network logs? and also share the google console screenshot, sop that I can verify the URLs!
sent you recording in DM
can you just share how your discord settings look like?
just make sure, the scopes that you're requesting are enabled!
it just gives option to copy the generated url and there is no option to save settings . arent we requesting the scope while creating the session ? also if you see the authorize popup, it shows what scopes it is requesting. let me know what should be my next step.
Recommended threads
- cant resume project
Invalid console fingerprint event i try man time
- Realtime for files() works almost well, ...
I have been trying to make use of realtime, today (14.03.26) I have pulled all the latest versions of docker images, and sdk available. Whats working: - Conn...
- Function issue
Hi,idk whats wrong with my function but i made some changes to the env var and made sure they saved then i redeployed it,but then after it redeeployed it asked ...