🚀 Feature: Improve Missing Redirect URL Page for Mobile

[stnguyen90]

🔖 Feature description

For mobile apps, the default oauth2 page is used to redirect the user back to the mobile app via the appwrite-callback-[PROJECT-ID] URL scheme. The only problem is the Missing Redirect URL page is still shown and visible which can be confusing/annoying to users. It would be nice if the page closes automatically.

🎤 Pitch

Closing the page automatically would make the flow less confusing and clean up tabs/windows no longer needed. Either that or show a page that says "You may close this page now"

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[FernandoUFS]

For me, not only the page is still open as it redirects back to do a new login on google, even after the log has been executed.

final account = Account(_client); 
await account.createOAuth2Session(
  provider: 'google',      
);
final accountInfo = await account.get();
log('Login done: ' + accountInfo.toMap().toString()); // this code executes right after a successfully login. But the web page is still open

My AndroidManifest.xml has already the setup:

<activity android:name="com.linusu.flutter_web_auth_2.CallbackActivity" android:exported="true">
            <intent-filter android:label="flutter_web_auth_2">
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />
                <data android:scheme="appwrite-callback-63f..............0" />
            </intent-filter>
        </activity>        

[stnguyen90]

For me, not only the page is still open as it redirects back to do a new login on google, even after the log has been executed.

@FernandoUFS, it seems you're facing a different problem. Please join us on Discord if you need help troubleshooting.

[samuel-kings]

Any updates to this issue here yet? Just checking

[leonardodincalci]

I also have the problem of missing url error like a flash. Besides this, Can anyone tell me why the value of the variable session is null? The code works, I can log in but the variable remains null.

    @override
  FutureEither<model.Session> loginWithGoogle(
  ) async {
    try {
      final session = await _account.createOAuth2Session(
        provider: 'google',
        success: "",
        failure: "",
      );
      debugPrint(session);
      return right(session);
    } on AppwriteException catch (e, stackTrace) {
      return left(
        Failure(e.message ?? 'Some unexpected error occurred', stackTrace),
      );
    } catch (e, stackTrace) {
      return left(
        Failure(e.toString(), stackTrace),
      );
    }
  }

EDIT: I solved this issue. I removed <model.Session> from FutureEither<model.Session> loginWithGoogle.

[stnguyen90]

Perhaps we can update the console page to show a different message if project is included in the query param. For reference, this is the Console code for the "Missing Redirect URL" page: https://github.com/appwrite/console/blob/30f0a3dd84cb914ca345effe6f472bed09776798/src/routes/auth/oauth2/success/%2Bpage.svelte#L10

[stnguyen90]

I've been doing some testing and I'm slightly concerned about auto-closing the window/tab because it would trigger a user-canceled exception.