How to login in Flutter using Autodesk

Create an app in Autodesk

  • Give a meaningful name to the app, and make sure you choose “Desktop, Mobile, Single-Page App” from the options.

Setup callback URL

  • Install the flutter package flutter_web_auth_2
  • Form your callback URL in the pattern <some-schema>://<app-package-name>, e.g., sample_schema://com.your_company.app_name. Note this URL
  • In the Autodesk app, that you just created, in addition to http://localhost:8080/ add the callback URL you just formed
  • For Android, update the AndroidManifest.xml as below, and add activity as below

<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=“sample_schema” android:host = “com.your_company.app_name” />

  • In iOS, for “normal” authentication, just use this library as usual; there is nothing special to do. To authenticate using Universal Links on iOS, use https as the provided callbackUrlScheme
final result = await FlutterWebAuth2.authenticate(url: "", callbackUrlScheme: "https");

Login user

  Future<bool> login() async {
    final authorizationUrl = Uri.parse(
      queryParameters: {
        'client_id': Environment.clientId,
        'response_type': 'code',
        'redirect_uri': Environment.callbackUrl, // The callback URL you formed
        'scope': 'data:read',
        'code_challenge': Environment.codeChallenge,

    try {
      final result = await FlutterWebAuth2.authenticate(
        url: authorizationUrl,
        callbackUrlScheme: Environment.customUriScheme, // Part of the callback URL you formed

      final uri = Uri.parse(result);
      authorizationCode = uri.queryParameters['code'] ?? '';

      return _getAccessToken();
    } catch (e) {
      Dependency.logging.error('Error during authentication: $e');
      return false;
 Future<bool> _getAccessToken() async {
    final tokenUrl = Uri.parse(
    final response = await
      body: {
        'clientId': Environment.clientId,
        'grantType': 'authorization_code',
        'code': authorizationCode,
        'redirectUri': Environment.callbackUrl,
        'codeVerifier': Environment.codeChallenge,
      authenticateRequest: false,

    Map<String, dynamic>? responseJson;

    try {
      responseJson = jsonDecode(response.body);
    } catch (e) {
      Dependency.logging.error('Unable to parse the response: $e');
      return false;

    final accessTokenData = AccTokenResponse.fromJson(responseJson!);

    // accessTokenData.accessToken -> Your access token

    return true;

That’s it! Now you can use this access token to call the other APIs of Autodesk.

Here to make the community stronger by sharing my knowledge and experience. Follow me and my team to stay updated on the latest and greatest in the tech world.