关于低代码:微搭低代码分模块混合开发能力介绍

微搭低代码已上线 「分模块混合开发」 能力。

用户能够在可视化编辑利用的根底上，通过代码开发并部署利用的形式享受更加残缺的一站式开发体验。

下文将具体介绍分模块混合开发的应用场景和应用办法。

利用场景

利用场景 1：多团队合作开发

当开发一个大型项目时，往往并非一个主开发团队能够独自开发实现的，大型项目的合作场景决定了须要 多团队协同开发的模式。而多团队协同开发一个我的项目时就会遇到各种各样的问题，如果解决不好，会造成开发效率低、进度延后等问题，是我的项目的一大危险点。

利用场景 2：低代码开发与传统编码联合开发

一部分微搭用户并非从零开始开发，则会遇到存量利用迁徙的问题。有时因为工夫起因，难以把利用所有内容都进行低码化迁徙。

解决方案：分模块混合开发

针对以上痛点，咱们能够利用分模块混合开发来解决。
腾讯云微搭低代码在可视化编辑利用的根底上，提供了一种通过代码开发并部署利用的形式。它具备以下长处：

• 一个利用可拆分为 主模块和多个子模块，分模块进行开发；
• 模块间各自解耦、绝对独立；
• 每个模块反对 【低代码开发】和【上传代码包】 两种开发模式；
• 开发实现后，由微搭平台实现合并打包公布，整个过程不便省事。

基本概念：

• 利用主模块：每个应用程序必然含有惟一一个利用主模块。与子模块相比，主模块具备利用级配置。
• 利用子模块：每个利用可含有 N 个子模块，而如何进行拆分则是依据开发者的配置进行划分。
• 低代码开发模式：通过微搭低代码进行可视化开发。
• 上传代码包模式：容许用户上传传统开发模式的代码包。

留神：目前仅反对对小程序进行混合开发。

应用办法

应用分模块混合开发须要先明确奴才关系，每个模块低码模式认为是低代码编辑利用，代码包认为是原生小程序利用。

• 代码包作为主模块：需保障内容为残缺的小程序我的项目代码，我的项目构造满足下方零碎限度的要求，在 app.js 的 onLaunch 函数中挂载 weda app 对象（增加代码，this.app = wedaApp）, 挂载实现后，子包和其余模块能够通过 const {app} = getApp() 的形式获取到 weda app 对象。
• 代码包作为子模块：需保障内容为独立的小程序利用目录，即 miniprogramRoot 目录。整体我的项目会搁置到 /packages/${subapp.name} 门路，因而原有文件援用以及路由跳转中应用绝对路径的局部可能须要进行修改，包内文件的相对路径关系不会扭转。整体而言，此处要求最终革新完的代码包为小程序子包模式的代码包，并减少一个 app.json 在其中申明包中的页面列表。例如：子包 sub 中的 app.json 内容为：

{
  "pages": [
    "pages/index/index",
    "pages/checkbox/index",
    "pages/switch/index",
    "pages/slider/index"
  ]
}

则最终在生成的残缺小程序app.json 中会增加配置：

{
  "subpackages": [
    {
      "root": "packages/sub",
      "pages": [
        "pages/index/index",
        "pages/checkbox/index",
        "pages/switch/index",
        "pages/slider/index"
      ]
    }
  ]
}

应用低码编辑的主 / 子模块：零碎会主动生成相干的代码，无需适度关怀援用关系，只需关系利用自身的业务逻辑，以后页面跳转时跳转到主包的页面，还是子包的页面即可。

奴才模块交互

微搭利用状态分全局状态与页面级状态，全局状态整个利用共享，页面级状态每个页面独立，因而当奴才模块之间须要进行数据交互时，该当应用全局状态进行代理存储。在低代码中，能够通过获取 app 对象，对其上的全局变量获取 / 赋值，在代码包类型的模块中，能够应用 const {app} = getApp() 的形式获取到 app 对象，从而获取 / 赋值变量，以及应用数据源等办法。

主模块页面门路为 /pages/${page.id}/index，子模块页面门路为：

/packages/${subapp.name}/pages/${page.id}/index。

在解决路由跳转时须要明确对应的模板地址。

留神以下限度：

• 每个利用包涵 1 个主模块以及不超过 5 个子模块，当奴才模块中至多包涵一个低码编辑类型的模块时，能够在微搭平台上进行混合构建。
• 主模块为代码包类型时，其为残缺的小程序利用，解压后根目录需包涵 project.config.json 文件，其中申明小程序利用根目录（miniprogramRoot），若未声明则默认为根目录，根目录下包涵 app.json、app.js、app.wxss 等利用级别文件，同时 packages、common、app、materials、lowcode 为保留目录，当与低码模块独特生成利用时会在此目录下生成低码所需的文件。
• 子模块为代码包类型时，其须为独立的小程序利用目录，即 miniprogramRoot。解压后根目录包涵 app.json 等利用级别文件，其内容会与低码生成的主模块配置进行合并。
• 利用级别的低代码、变量治理，只能在主利用中实现，低码编辑类子模块可在编辑器中查看，但无奈进行定义申明以及增删改编辑。

即刻体验微搭低代码

网址：https://console.cloud.tencent.com/lowcode/ PC 端拜访