
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
- Auth Error
"use client"; import { useEffect } from "react"; import { getSessionCookie } from "@/actions/auth"; import { createBrowserSessionClient } from "@/lib/appwrite-...
- Prevent modifying specific attributes
How do I prevent user to only to be able to modify some of the attributes. Document level security gives full access to update whole document, what are the wor...
- Bypass Error When Creating Account With ...
Suppose user first uses email/pass for log in using xyz@gmail.com, few month later on decides to use google oauth2 with same xyz@gmail.com (or in reverse orde...
