Flutter桌面认证插件entra_auth_desktop的使用

Flutter桌面认证插件entra_auth_desktop的使用

entra_auth_desktop 是一个用于Windows和Linux平台上的Azure AD认证插件。它可以帮助开发者在Flutter应用中实现桌面环境下的身份验证。

示例代码

以下是一个完整的示例代码，展示了如何在Flutter应用中使用 entra_auth_desktop 插件进行Azure AD认证。

import 'package:flutter/material.dart';

import 'package:entra_auth_desktop/entra_auth_desktop.dart';

// 需要获取的权限范围
const scopes = ["openid", "profile", "email"];

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // 存储认证结果的字符串
  String output = '';

  @override
  void initState() {
    super.initState();
    // 初始化时设置输出为等待用户登录
    setState(() {
      output = '正在等待登录';
    });
  }

  @override
  Widget build(BuildContext context) {
    // 创建Auth实例并配置clientId和tenantId
    final a = Auth(
      clientId: '<填入>',
      tenantId: '<填入>',
    );

    // 获取访问令牌
    final f = _getToken(a);
    // 设置认证结果
    f.then((value) {
      setState(() {
        output = value;
      });
    });

    // 定义文本样式
    const textStyle = TextStyle(fontSize: 25);

    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Container(
            padding: const EdgeInsets.all(10),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                // 显示认证结果
                Text(
                  output,
                  style: textStyle,
                  textAlign: TextAlign.center,
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }

  // 获取访问令牌的方法
  Future<String> _getToken(Auth a) async {
    // 尝试从缓存中获取访问令牌
    final tkn = await a.getCachedAccessToken(scopes);
    if (tkn.isNotEmpty) {
      return tkn;
    }
    // 如果缓存中没有，则通过交互式方式获取访问令牌
    return await a.acquireTokenInteractive(scopes);
  }
}

说明

1. 导入必要的库：

   import 'package:flutter/material.dart';
   import 'package:entra_auth_desktop/entra_auth_desktop.dart';
   

2. 定义需要的权限范围：

   const scopes = ["openid", "profile", "email"];
   

3. 创建主应用类 MyApp：

   class MyApp extends StatefulWidget {
     const MyApp({super.key});
   
     @override
     State<MyApp> createState() => _MyAppState();
   }
   

4. 创建状态类 _MyAppState：

   class _MyAppState extends State<MyApp> {
     String output = '';
   
     @override
     void initState() {
       super.initState();
       setState(() {
         output = '正在等待登录';
       });
     }
   
     @override
     Widget build(BuildContext context) {
       final a = Auth(
         clientId: '<填入>',
         tenantId: '<填入>',
       );
       final f = _getToken(a);
       f.then((value) {
         setState(() {
           output = value;
         });
       });
       const textStyle = TextStyle(fontSize: 25);
       return MaterialApp(
         home: Scaffold(
           body: Center(
             child: Container(
               padding: const EdgeInsets.all(10),
               child: Column(
                 mainAxisSize: MainAxisSize.min,
                 children: [
                   Text(
                     output,
                     style: textStyle,
                     textAlign: TextAlign.center,
                   ),
                 ],
               ),
             ),
           ),
         ),
       );
     }
   }
   

5. 定义获取访问令牌的方法：

   Future<String> _getToken(Auth a) async {
     final tkn = await a.getCachedAccessToken(scopes);
     if (tkn.isNotEmpty) {
       return tkn;
     }
     return await a.acquireTokenInteractive(scopes);
   }