Hi there, I have an issue with Google OAuth login using Ionic / Vue. I tried searching the net for answers but it seems that the information are scarce. Here is my current login code for it:
const loginWithGoogle = () => {
try {
const response = account.value?.createOAuth2Session(
"google",
"http://localhost:8100/home",
"http://localhost:8100/error"
// "http://appwrite.azzotech.com.my/auth/oauth2/success",
// "http://appwrite.azzotech.com.my/auth/oauth2/failure"
);
return { error: undefined, data: response };
} catch (error) {
return { error, data: undefined };
}
};
But I always have this "localhost refused to connect" error. I know I'm doing something wrong but I can't pinpoint it. As I was testing on my self-hosting appwrite, I thought that was the issue, so I configure my cloud.appwrite.io to test and it's the same result. So I know something is wrong my login code. Thanks
TL;DR
User is facing an issue with Google OAuth login using Ionic/Vue. They receive a "localhost refused to connect" error. They have provided their current login code. Solution: It seems that the issue might be with the URLs provided in the login code. The user needs to ensure that the URLs are correct and accessible. They may also need to set up deep linking and add a web platform for the domain. Additionally, the user mentions changing the success URL to "http://10.0.2.2:8100/home" in the Android emulator, which resolved the issue for them.
