Flutter本地服务器插件mini_server的使用

Flutter本地服务器插件mini_server的使用

简介

mini_server 是一个用于在Flutter应用程序运行时创建本地服务器的插件。例如，想象以下场景：您开发了一个带有Sqlite数据库的桌面应用程序，并且需要创建一个移动应用程序来消费相同的数据，只要它们在同一个局域网内，这个插件就能够实现这种通信。

注意：

• 该服务器仅在应用程序打开时工作。
• 未在大型应用程序中进行测试。

功能

• GET 请求
• POST 请求
• PUT 请求
• DELETE 请求

使用步骤

Step 1: 添加依赖

在 pubspec.yaml 文件中添加 mini_server 依赖：

dependencies:
  mini_server: ^最新版本号

Step 2: 导入依赖

在您的 Dart 文件中导入必要的包：

import 'dart:io';
import 'package:mini_server/mini_server.dart';

Step 3: 创建实例

创建 MiniServer 的实例，指定主机和端口：

final miniServer = MiniServer(
  host: 'localhost', // 如果在移动设备上测试，请替换为当前计算机的IP地址
  port: 8080,
);

Step 4: 生成路由

定义服务器的路由处理逻辑：

// 处理 GET 请求
miniServer.get("/", (HttpRequest httpRequest) async {
  value.value++; // 增加计数器
  return httpRequest.response.write(value.value.toString()); // 返回计数值
});

// 处理 POST 请求（示例1）
miniServer.post("/test", (HttpRequest httpRequest) async {
  MiniResponse res = await MiniResponse.instance.init(httpRequest); // 初始化响应
  return httpRequest.response.write(res.parameters.toString()); // 返回请求参数
});

// 处理 POST 请求（示例2）
miniServer.post("/test02", (HttpRequest httpRequest) async {
  final res = await MiniResponse.instance.init(httpRequest); // 初始化响应
  return httpRequest.response.write(res.body); // 返回请求体
});

完整示例代码

import 'dart:io';
import 'package:mini_server/mini_server.dart';
import 'package:flutter/material.dart';

// 使用 ValueNotifier 来管理计数器
ValueNotifier<int> value = ValueNotifier(0);

void main() {
  // 创建 MiniServer 实例
  final miniServer = MiniServer(
    host: 'localhost', // 如果在移动设备上测试，请替换为当前计算机的IP地址
    port: 8080,
  );

  // 定义 GET 路由
  miniServer.get("/", (HttpRequest httpRequest) async {
    value.value++; // 增加计数器
    return httpRequest.response.write(value.value.toString()); // 返回计数值
  });

  // 定义 POST 路由（示例1）
  miniServer.post("/test", (HttpRequest httpRequest) async {
    MiniResponse res = await MiniResponse.instance.init(httpRequest); // 初始化响应
    return httpRequest.response.write(res.parameters.toString()); // 返回请求参数
  });

  // 定义 POST 路由（示例2）
  miniServer.post("/test02", (HttpRequest httpRequest) async {
    final res = await MiniResponse.instance.init(httpRequest); // 初始化响应
    return httpRequest.response.write(res.body); // 返回请求体
  });

  // 运行 Flutter 应用程序
  runApp(const MyApp());
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const HomePage(),
    );
  }
}

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

  [@override](/user/override)
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: ValueListenableBuilder(
        valueListenable: value, // 监听计数器的变化
        builder: (_, value, __) {
          return Center(
            child: Text(
              "$value", // 显示计数值
              style: const TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 100,
              ),
            ),
          );
        },
      ),
    );
  }
}