Flutter身份验证插件nui_auth的使用

nui_auth 是一个用于 Flutter 应用的身份验证插件，它提供了简单易用的 API 来处理用户身份验证流程，包括注册、登录、密码重置等功能。虽然 nui_auth 并不是一个非常知名的插件，但它的设计理念是简化身份验证的实现，使开发者能够快速集成身份验证功能。

以下是如何在 Flutter 应用中使用 nui_auth 插件的基本步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 nui_auth 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  nui_auth: ^0.1.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 初始化 nui_auth

在 main.dart 文件中初始化 nui_auth 插件。通常，你需要在应用启动时进行初始化：

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化 nui_auth
  await NuiAuth.initialize(
    apiKey: 'YOUR_API_KEY',  // 替换为你的 API 密钥
    baseUrl: 'https://your-auth-server.com',  // 替换为你的身份验证服务器地址
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Auth Demo',
      home: AuthScreen(),
    );
  }
}

3. 实现注册和登录功能

接下来，你可以使用 nui_auth 提供的 API 来实现用户注册和登录功能。以下是一个简单的示例：

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

class AuthScreen extends StatefulWidget {
  @override
  _AuthScreenState createState() => _AuthScreenState();
}

class _AuthScreenState extends State<AuthScreen> {
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();

  Future<void> _register() async {
    try {
      await NuiAuth.register(
        email: _emailController.text,
        password: _passwordController.text,
      );
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('Registration successful!')),
      );
    } catch (e) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('Registration failed: $e')),
      );
    }
  }

  Future<void> _login() async {
    try {
      await NuiAuth.login(
        email: _emailController.text,
        password: _passwordController.text,
      );
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('Login successful!')),
      );
    } catch (e) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('Login failed: $e')),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Auth Demo'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _emailController,
              decoration: InputDecoration(labelText: 'Email'),
            ),
            TextField(
              controller: _passwordController,
              decoration: InputDecoration(labelText: 'Password'),
              obscureText: true,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _register,
              child: Text('Register'),
            ),
            ElevatedButton(
              onPressed: _login,
              child: Text('Login'),
            ),
          ],
        ),
      ),
    );
  }
}

4. 处理用户状态

你还可以使用 nui_auth 提供的 NuiAuth.currentUser 来获取当前用户的身份验证状态，并根据状态显示不同的 UI：

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home'),
      ),
      body: Center(
        child: StreamBuilder<User?>(
          stream: NuiAuth.currentUser,
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.waiting) {
              return CircularProgressIndicator();
            } else if (snapshot.hasData) {
              return Text('Welcome, ${snapshot.data!.email}');
            } else {
              return Text('You are not logged in.');
            }
          },
        ),
      ),
    );
  }
}

5. 注销功能

你可以使用 NuiAuth.logout() 来实现用户注销功能：

Future<void> _logout() async {
  await NuiAuth.logout();
  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(content: Text('Logged out successfully!')),
  );
}