SSO Apple sing in with firebase show Error Continue button not working , Flutter Web

[Hardikv88]

Hello,
We are facing the problem with Flutter Web.

DESCRIPTION OF PROBLEM

We are implementing SSO with Apple Authentication in Flutter web and using the Flutter plugin "sign_in_with_apple: ^5.0.0" (i.e https://pub.dev/packages/sign_in_with_apple).

So Now when we click on "SignUp with Apple" button, it is rederecting to popup link (i.e https://appleid.apple.com/auth/authorize?client_id=com.devlift.coordleapp.apple&redirect_uri=https%3A%2F%2Fcoordle-54a8a.firebaseapp.com%2F__%2Fauth%2Fhandler&response_type=code%20id_token&scope=email%20name&nonce=20b763ee852c7fb25e434a7cffb7346ba16b2eefcda9b087b13e6e6bae536314&response_mode=web_message&frame_id=b8edd176-9eaf-45a6-aef7-5bab10d98236&m=11&v=1.5.5)

Now we are entering the appleId and password then showing "Do you want to continue using ‘Coordle’ with your Apple ID, [[email protected]]" along with 2 button "cancel" and "Continue".

Now double clicking on the "Continue" button , then showing RED ERROR "Your request could not be completed due to an error. Please try again later."

Then we have shown network tab in Web inspector
Request URL:
https://appleid.apple.com/appleauth/auth/oauth/authorizeRequest Method:
POSTStatus Code:
403 ForbiddenRemote Address:
17.111.105.242:443

And passing PAYLOAD
{
"client": {
"id": "com.devlift.coordleapp.apple",
"redirectUri": "https://coordle-54a8a.firebaseapp.com/__/auth/handler"
},
"scopes": [
],
"anonymousEmail": false,
"nonce": "d3c85a8fdb5b7c471cb924c68c4e869803b92726e8ab70b54c691845e71b5ade",
"responseMode": "web_message",
"responseType": "code id_token"
}

[AlmutawakelSukaina]

I’m experiencing the same problem and would appreciate any updates or potential workarounds.

[AlmutawakelSukaina]

For web, the redirect URI needs to be the host of the current page.

[akaabe]

Setting redirect page gives error on apple sign in pop up, invalid url