跟我学企业级flutter项目：flutter模块化，单工程架构模式构思与实践

前言

在原生Android开发的时候，我们经常会用到ARouter，来设计我们项目的整体架构。因为ARouter会帮助我们实现模块化的思想，那么在Flutter中如何去构建模块化的架构呢？再深入一点，如何去运行一个单一模块，不去跑整体项目呢？本篇文章将会带你学习Flutter版本下的单工程架构模式。

应用场景

两模块业务有较大的隔离性，业务有迁移不同项目的可能性

开始

展示效果

那我们在开始前，看下我项目的展示效果：
整体项目运行

1.gif

单工程模式下运行

2.gif

架构分析

3.png

本项目有三个独立工程

1. 家长端工程
2. 教师端工程
3. 公用lib工程

一个应用飞阅应用中包含三个独立工程，三个独立工程可单独通过壳来运行

如何构建单工程架构

Flutter具有天然的模块化思想，是可以不借助其他工具来实现单工程构建。

事前准备

1. Android stuido

步骤1

构建一个Flutter plugin

4.png

这个plugin就是你的单工程，构建好的插件如图所示

5.png

你需要构建几个plugin呢？简单分析一下，我们公司有两个业务端，需要合并在一个项目里做，那么至少需要两个plugin，但是由于有公用的页面，这时候需要提取出一个公用的模块。那么由此分析，我公司需要三个plugin，那么就需要按照如上步骤在建立两个plugin

步骤二

建立好的plugin进行关联

• 公用工程yaml

name: commonlib
description: 阅卷公用lib
dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter
  #####本地库
  flutter_base_lib:
    path: ../flutter_baselib/flutter_base_lib
  #####本UI地库
  flutter_base_ui:
    path: ../flutter_baselib/flutter_base_ui

• 老师工程yaml

name: teacher
description: 老师端
dependencies:
  flutter:
    sdk: flutter
  commonlib:
    path: ../commonlib

• 家长工程yaml

name: client
description: 学生&家长工程
dependencies:
  flutter:
    sdk: flutter
  commonlib:
    path: ../commonlib

• 总工程yaml

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter
  teacher:
    path: ./teacher
  client:
    path: ./client
  commonlib:
    path: ./commonlib

步骤三

业务拆封

1. 将登录与注册等业务拆分到commonlib
2. 老师端独有业务拆分
3. 家长端独有业务拆分
4. 路由拆分
5. 启动代码重新构建

部分示例代码：

家长端路由代码

class ClientRouterPage{

  static Widget? getRouter(RouteSettings settings){
    //判断家长权限
    if(UserStore().getIdentityType() == CommonlibConfig.ruleParent){
      String? routerName = settings.name;
      //跳转家长业务页面
      switch (routerName) {
        case RouterName.home:
          return HomePage();
        case RouterName.bind_student:
          return BindStudentPage();
      }
    }
  }

主工程全部代码（只有一个类，只有如下代码）

class MyCommentConfiger extends ICommentConfiger{

  @override
  Widget getRouter(RouteSettings settings) {
    //通过登录用户类型来跳转不同业务
    //老师跳转
    var teachertRouter = RouterPage.getRouter(settings);
    if(teachertRouter!=null){
      return teachertRouter;
    }
    //家长跳转
    var clientRouter = ClientRouterPage.getRouter(settings);
    if(clientRouter!=null){
      return clientRouter;
    }
    //commonlib跳转
    return LibRouterPage.getRouter(settings);
  }

}
//启动运行
void main() {

  Application.init(
      init: AppInit(MyCommentConfiger()),
      syncinitFin: () {
        runApp(App());
      });

}

家长端壳工程全部代码

class ClientCommentConfiger extends ICommentConfiger{

  @override
  Widget getRouter(RouteSettings settings) {
    var router = ClientRouterPage.getRouter(settings);
    if(router!=null){
      return router;
    }
    //commonlib跳转
    return LibRouterPage.getRouter(settings);
  }

}
//启动运行
void main() {
  Application.init(
      init: AppInit(ClientCommentConfiger()),
      syncinitFin: () {
        runApp(App());
      });
}

如上就是单工程架构模式的全部内容

说明：单工程架构模式，主要适用于业务有一定的隔离性，如果你的项目有一块业务极其的独立，那么你可以采用这种模式。该块业务也可以快速移植到其他项目上。