Flutter Azure AD 登录界面插件azuread_login_view的使用

Flutter Azure AD 登录界面插件azuread_login_view的使用

flutter组件使用webview_flutter和http库，提供处理通过Azure Active Directory进行OAuth登录的一个或多个组件。

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

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

class MyLoginExamplePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    final AzureADLoginViewOptions loginViewOptions = AzureADLoginViewOptionsBuilder()
      // 设置必需的配置
      .setTenant("<TENANT-NAME-OR-ID>")
      .setClientId("<CLIENT-ID>")
      .setRedirectUri("<REDIRECT-URI>")
      .setLoginPolicy("<NAME-OF-LOGIN-POLICY>")
      .setOnNewTokens((AzureADLoginNewTokensHandlerContext context) {
         // 可以在这里处理新的令牌
       })

      // 这是可选的
      .setOnNavigationError((AzureADLoginNavigationErrorHandlerContext context) {
         // 处理导航错误
       })

      .build();

    return MaterialApp(
      home: AzureADLoginView(loginViewOptions),
    );
  }
}

一个完整的示例应用可以在示例文件夹中找到。

完整示例代码

// This file is part of the azuread_login_view distribution.
// Copyright (c) Next.e.GO Mobile SE, Aachen, Germany (https://e-go-mobile.com/)
//
// azuread_login_view is free software: you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation, version 3.
//
// azuread_login_view is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.

import 'dart:convert';

import 'package:azuread_login_view/azuread_login_view.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart' show rootBundle;

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

class AzureADLoginViewExampleApp extends StatelessWidget {
  const AzureADLoginViewExampleApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(),
      home: const AzureADLoginViewExampleAppPage(),
    );
  }
}

class AzureADLoginViewExampleAppPage extends StatefulWidget {
  const AzureADLoginViewExampleAppPage({Key? key}) : super(key: key);

  [@override](/user/override)
  State<AzureADLoginViewExampleAppPage> createState() => 
      _AzureADLoginViewExampleAppPageState();
}

class _AzureADLoginViewExampleAppPageState
    extends State<AzureADLoginViewExampleAppPage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
        body: FutureBuilder(
      future: _loadAppJSON(),
      builder: (ctx, snapshot) {
        if (snapshot.hasError) {
          return Center(
            child: Text("${snapshot.error}"),
          );
        } else if (snapshot.hasData) {
          final dynamic appJSON = snapshot.data;

          return AzureADLoginView(AzureADLoginViewOptionsBuilder()
              .setTenant(appJSON['tenant'])
              .setClientId(appJSON['clientId'])
              .setRedirectUri(appJSON['redirectUri'])
              .setLoginPolicy(appJSON['loginPolicy'])
              .setScopes(appJSON['scopes'].map<String>((e) => "$e"))
              .setOnNewTokens((context) {
            // 打印新的令牌信息
            print('New tokens: ${context.tokens!.toMap()}');
          }).build());
        }

        return const Center(
          child: CircularProgressIndicator(),
        );
      },
    ));
  }

  Future<dynamic> _loadAppJSON() async {
    return jsonDecode(await rootBundle.loadString('assets/app.json'));
  }
}