Flutter会话管理插件shelf_session的使用

当然，以下是如何在Flutter项目中使用shelf_session插件进行会话管理的示例代码。shelf_session是一个基于Dart的Shelf服务器的会话管理中间件，虽然它不是直接用于Flutter客户端，但你可以结合Flutter的HTTP请求和Shelf服务器来实现会话管理。

首先，你需要确保你的Dart环境已经设置好，并且已经创建了一个Flutter项目。接着，你可以在项目的pubspec.yaml文件中添加shelf和shelf_session的依赖，但请注意，这些依赖通常用于服务器端代码，而不是Flutter客户端代码。Flutter客户端将通过HTTP请求与Shelf服务器交互。

服务器端代码（使用shelf和shelf_session）

1. 创建shelf服务器并设置会话管理

// pubspec.yaml
dependencies:
  shelf: ^1.2.0
  shelf_router: ^1.0.0
  shelf_session: ^0.2.0
  crypto: ^3.0.1 # 用于会话加密

// server.dart
import 'dart:convert';
import 'dart:io';
import 'package:shelf/shelf.dart';
import 'package:shelf_router/shelf_router.dart';
import 'package:shelf_session/shelf_session.dart';
import 'package:crypto/crypto.dart';

void main() {
  var parser = new MultipartFormDataParser();
  var sessionMiddleware = createSessionMiddleware({
    'secret': 'your-secret-key', // 用于加密会话ID的密钥
    'cookieName': 'sessionId',
    'duration': const Duration(days: 7), // 会话有效期
  });

  var handler = Router()
    ..post('/login', _handleLogin)
    ..get('/protected', _handleProtected);

  var app = Pipeline().addMiddleware(sessionMiddleware).addHandler(handler);

  var server = await HttpServer.bind(InternetAddress.ANY_IP_V4, 8080);
  print('Serving at http://${server.address.host}:${server.port}');
  await for (var request in server) {
    var response = await app.call(request);
    await response.close();
  }
}

Future<Response> _handleLogin(Request request) async {
  var form = await request.parseFormData();
  var username = form['username']?.first;
  var password = form['password']?.first;

  // 这里应该进行实际的用户验证，这里只是示例
  if (username == 'admin' && password == 'password') {
    var session = request.context['session'] as Map<String, dynamic>;
    session['userId'] = '123'; // 假设用户ID为123
    return Response.ok('Login successful');
  } else {
    return Response.unauthorized('Invalid credentials');
  }
}

Future<Response> _handleProtected(Request request) async {
  var session = request.context['session'] as Map<String, dynamic>;
  if (session?.containsKey('userId') ?? false) {
    return Response.ok('Welcome, protected content!');
  } else {
    return Response.unauthorized('Unauthorized');
  }
}

Flutter客户端代码

1. 在Flutter客户端中发送HTTP请求

// pubspec.yaml
dependencies:
  flutter:
    sdk: flutter
  http: ^0.13.3 # 用于发送HTTP请求

// main.dart
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Shelf Session Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              ElevatedButton(
                onPressed: () async {
                  await login(context, 'admin', 'password');
                },
                child: Text('Login'),
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: () async {
                  await fetchProtectedContent(context);
                },
                child: Text('Fetch Protected Content'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Future<void> login(BuildContext context, String username, String password) async {
  var url = Uri.parse('http://localhost:8080/login');
  var response = await http.post(
    url,
    body: {
      'username': username,
      'password': password,
    },
  );

  if (response.statusCode == 200) {
    ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Login successful')));
  } else {
    ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Login failed')));
  }
}

Future<void> fetchProtectedContent(BuildContext context) async {
  var url = Uri.parse('http://localhost:8080/protected');
  var response = await http.get(url);

  if (response.statusCode == 200) {
    ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(response.body)));
  } else {
    ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Unauthorized')));
  }
}

说明

• 服务器端：我们创建了一个简单的Shelf服务器，它使用shelf_session进行会话管理。/login端点用于用户登录，并在验证成功后设置会话。/protected端点检查会话是否存在，如果存在则返回受保护的内容。
• 客户端：Flutter客户端使用http包发送HTTP请求到服务器。登录成功后，用户可以请求受保护的内容。

请注意，这只是一个基本示例，实际应用中你可能需要处理更多的边缘情况和安全性问题，比如HTTPS、CSRF保护、更复杂的用户验证逻辑等。