Question about flutter web compatibility. about dart_packages

[tp]

Hey @m-j-g,

I think the simplest way to make that work would be without Apples JS SDK (https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_js), and just render the button in Flutter and then use the same URL-building logic as we do on Android:

dart_packages/packages/sign_in_with_apple/lib/src/sign_in_with_apple.dart

Line 198 in 23679ba

// URL built according to https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_js/incorporating_sign_in_with_apple_into_other_platforms#3332113

On click of the button you would open that URL (easiest again probably redirect of the current page, a better experience might be a pop-up/new tab, so the main app doesn't have to reload upon return), and then set a route on your app as the redirect URL.

The redirect URL would need to be able to handle the POST that Apple is sending to your servers.

You can then either handle that directly on the server (and then for example pass down a cookie and the SPA entry page), or somehow pass received POST data to the client, so it would call the same API than the native apps do.

As Apple is always redirecting through the redirect URL, I don't yet know how to make that really nice from a client API perspective (so that the same simple method could be called on all stacks).

Maybe the pop-up / new tab approach can be made to work with the final redirect URL using postMessage to pass the data back to the Flutter app.

Let me know if that helps.

We would love to add nice web integration into this package as well :)

[m-j-g]

@tp Really appreciate you taking the time to outline that. I think I understand how this all fits together now, I just need to dig in and start working through it.