Flutter身份验证与令牌管理插件flueco_auth_token的使用

Flutter身份验证与令牌管理插件flueco_auth_token的使用

安装

首先，在你的 pubspec.yaml 文件中添加 flueco_auth_token 插件，并指定其版本号：

dependencies:
  flueco_auth_token: {version}

保存后运行 flutter pub get 来安装该插件。

使用示例

初始化插件

在使用之前，你需要初始化 flueco_auth_token 插件。这通常在应用启动时进行。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Flueco Auth Token Demo')),
        body: Center(child: AuthWidget()),
      ),
    );
  }
}

class AuthWidget extends StatefulWidget {
  [@override](/user/override)
  _AuthWidgetState createState() => _AuthWidgetState();
}

class _AuthWidgetState extends State<AuthWidget> {
  [@override](/user/override)
  void initState() {
    super.initState();
    // 初始化插件
    FluecoAuthToken.init();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Container();
  }
}

登录用户

接下来，实现一个登录功能。假设你有一个简单的登录表单，用户可以输入用户名和密码。

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

class LoginPage extends StatefulWidget {
  [@override](/user/override)
  _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  final _formKey = GlobalKey<FormState>();
  String _username;
  String _password;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Login')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Form(
          key: _formKey,
          child: Column(
            children: [
              TextFormField(
                decoration: InputDecoration(labelText: 'Username'),
                onSaved: (value) => _username = value,
              ),
              TextFormField(
                obscureText: true,
                decoration: InputDecoration(labelText: 'Password'),
                onSaved: (value) => _password = value,
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: () async {
                  if (_formKey.currentState.validate()) {
                    _formKey.currentState.save();
                    try {
                      // 调用插件的登录方法
                      await FluecoAuthToken.login(_username, _password);
                      print('登录成功');
                    } catch (e) {
                      print('登录失败: $e');
                    }
                  }
                },
                child: Text('Login'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

获取当前用户信息

登录成功后，你可以通过以下方式获取当前用户的认证信息：

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

class UserInfoPage extends StatefulWidget {
  [@override](/user/override)
  _UserInfoPageState createState() => _UserInfoPageState();
}

class _UserInfoPageState extends State<UserInfoPage> {
  Map<String, dynamic> _userInfo;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 获取当前用户信息
    _getUserInfo();
  }

  Future<void> _getUserInfo() async {
    try {
      _userInfo = await FluecoAuthToken.getUserInfo();
      setState(() {});
    } catch (e) {
      print('获取用户信息失败: $e');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('User Info')),
      body: _userInfo != null
          ? Padding(
              padding: const EdgeInsets.all(16.0),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text('Username: ${_userInfo['username']}'),
                  Text('Token: ${_userInfo['token']}'),
                ],
              ),
            )
          : Center(child: CircularProgressIndicator()),
    );
  }
}