Flutter Azure AD 认证插件 authentication_azure_ad 的使用

本说明文档描述了如何使用 authentication_azure_ad 插件进行 Azure AD 认证。以下是一个完整的示例，展示了如何在 Flutter 应用程序中集成和使用该插件。

Azure AD 认证

简介

authentication_azure_ad 是一个用于 Flutter 应用程序的 Azure Active Directory (Azure AD) 认证插件。通过此插件，您可以实现用户登录、获取访问令牌等功能。

完整示例

以下是使用 authentication_azure_ad 插件的完整示例代码。该示例展示了一个简单的 Flutter 应用程序，用户可以点击按钮以获取 Azure AD 的访问令牌。

示例代码

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

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

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

  // 这个小部件是你的应用的根。
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Azure AD 认证演示',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Azure AD 认证演示'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  Future<String>? _future;

  @override
  void initState() {
    super.initState();
    _future = myFuture();
  }

  Future<String> myFuture() async {
    // 获取访问令牌
    var result = await AzureADAuthentication.getToken(
        'your-client-id', 'your-tenant-id', ['https://graph.microsoft.com/.default']);

    debugPrint(result);

    return result;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: FutureBuilder<String>(
        future: _future,
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            // 正在等待结果时显示加载指示器
            return const CircularProgressIndicator();
          } else {
            // 显示获取到的令牌或错误信息
            final isToken = snapshot.data ?? "等待中...";
            return Text(isToken);
          }
        },
      ),
      floatingActionButton: ElevatedButton(
        child: const Text('获取令牌'),
        onPressed: () {
          setState(() {
            _future = myFuture();
          });
        },
      ),
    );
  }
}

代码解释

1. 导入必要的库：

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

2. 定义主应用类：

   class MyApp extends StatelessWidget {
     const MyApp({super.key});
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         title: 'Azure AD 认证演示',
         theme: ThemeData(
           primarySwatch: Colors.blue,
         ),
         home: const MyHomePage(title: 'Azure AD 认证演示'),
       );
     }
   }
   

3. 定义主页面类：

   class MyHomePage extends StatefulWidget {
     const MyHomePage({super.key, required this.title});
   
     final String title;
   
     @override
     State<MyHomePage> createState() => _MyHomePageState();
   }
   

4. 定义页面状态类：

   class _MyHomePageState extends State<MyHomePage> {
     Future<String>? _future;
   
     @override
     void initState() {
       super.initState();
       _future = myFuture();
     }
   
     Future<String> myFuture() async {
       var result = await AzureADAuthentication.getToken(
           'your-client-id', 'your-tenant-id', ['https://graph.microsoft.com/.default']);
       debugPrint(result);
       return result;
     }
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text(widget.title),
         ),
         body: FutureBuilder<String>(
           future: _future,
           builder: (context, snapshot) {
             if (snapshot.connectionState == ConnectionState.waiting) {
               return const CircularProgressIndicator();
             } else {
               final isToken = snapshot.data ?? "等待中...";
               return Text(isToken);
             }
           },
         ),
         floatingActionButton: ElevatedButton(
           child: const Text('获取令牌'),
           onPressed: () {
             setState(() {
               _future = myFuture();
             });
           },
         ),
       );
     }
   }