完美低代码开发组合:钉钉宜搭+接口大师YesAPI

530 阅读4分钟

低代码开发介绍

低代码的价值和优势,一方面是,通过自动生成代码、套用模板等方式减少重复代码开发的工作量;另一方面,可以通过更傻瓜式、更可视化、更直观的方式,让非技术人员也能快速根据自己的业务需求,轻松搭建自己的应用,降低开发的门槛。

今天来介绍一套低代码的完美组合工具:

钉钉宜搭低代码开发:在线数据表单+审批流程+报表+集成钉钉办公;

接口大师YesAPI:API接口低代码+内部数据库接口+钉钉远程API+钉钉接口连接器。

根据宜搭官方文档的介绍:

宜搭 是阿里巴巴自研的低代码应用构建平台,通过可视化拖拽的方式,传统模式下需要 2 周才能完成开发的应用,用宜搭 2 小时就能完成。

而接口大师,则是通过一套快速研发、统一管理和对外开放API接口服务的软件产品、源代码和解决方案。它的特点是:低代码、可视化、容器化。接口大师是基于PhalApi开源接口框架,专为小白人员设计的接口开发神器。以前可能需要2小时才能完成开发的API接口,用接口大师大约2分钟就可以了。因为它可以自动生成接口源代码、自动生成接口文档、可视化连接数据库,你只需要编写SQL语句就能快速查取数据库。

接口大师与宜搭的案例demo及运行效果

最终运行的钉钉应用效果截图是,

部署和使用自己的数据库,例如内部的数据库。为了演示,我们先创建以下MySQL数据库表,

CREATE TABLE  mother_love_e(
id int AUTO_INCREMENT  primary KEY  ,
name varchar(255),
code varchar(255),
other_name varchar(255),
sell_typ varchar(255),
sell_number float,
sell_sum float,
sell_cost float ,
profit float,
profit_margin float, 
taxes_included float 
)
INSERT INTO `mother_love_e` (`id`, `name`, `code`, `other_name`, `sell_typ`, `sell_number`, `sell_sum`, `sell_cost`, `profit`, `profit_margin`, `taxes_included`) VALUES (1, '黄江鱼', '0002', '西班牙-罗马路', '购销', 100, 3100, 100, 50, 0.5, 9999);
INSERT INTO `mother_love_e` (`id`, `name`, `code`, `other_name`, `sell_typ`, `sell_number`, `sell_sum`, `sell_cost`, `profit`, `profit_margin`, `taxes_included`) VALUES (2, '红江鱼', '0002', '西班牙-罗马路', '购销', 100, 3100, 100, 50, 0.5, 9999);
INSERT INTO `mother_love_e` (`id`, `name`, `code`, `other_name`, `sell_typ`, `sell_number`, `sell_sum`, `sell_cost`, `profit`, `profit_margin`, `taxes_included`) VALUES (3, '白江鱼', '0002', '西班牙-罗马路', '购销', 100, 3100, 100, 50, 0.5, 9999);

在插入测试数据后,进入接口大师的接口管理后台,

再根据表单,填写API接口的信息,

输入上数据相关的字段,生成代码并且发布(生成代码->添加草稿->保存并且发布。生成和保存成功时会提示:

发布后,查看已经发布的API接口。

根据接口获取access_token就可以成功获取接口内容

Ps:如果内部使用可以参考文档取消权限限制。

以上是接口大师即是后端低代码开发API接口的过程。

如果需要连接和使用自己的数据库,可以在接口大师管理后台进行添加数据库连接配置。

由于接口大师是可以部署在自己本地的服务器,所以可以通过内网IP和自己的数据库进行连接,更加安全。

在宜搭请求自己api的两种方式

第一种:先新建远程API。

然后,填入刚才用接口大师搭建和发布好的API接口信息。例如:接口地址。

第二种:通过API连接器。

在 开发者-连接器工厂,进行添加。

继续配置填写你自己API接口的信息。

保存接口信息后,可以进行测试。

测试成功了之后,就可以开始使用API了。

输入对应的接口参数:

就可以正常获取数据第二种连接器方式。

相关源代码

因为使用的都是低代码开发工具,所以宜搭和接口大师都会自动生成相应的代码。

其中在钉钉宜搭,通过js的方式直接获取的源代码是:

export function onClick() {
  // 获取姓名输入框内容 


  const input = JSON.stringify(
    {
      "path": {
        
      },
      "query": {
        // "s": "App.HelloWorld.Say",
        "s": "App.ClassName.getSellInfo",
      },
      "header": {
        "content-type": "application/json" 
      },
      "body": {
        "desc": "test"
      }
    }
  );

let valueTest
  this.dataSourceMap.yesdev.load({
    inputs: input
  }).then((value)=>{
    console.log(value)
    valueTest = value.data.rows
    console.log(valueTest)

    // 更新全局变量
    this.setState({
      helloWord: valueTest,
      table: valueTest
       
    });
  }) 

}

参考资料

如何将宜搭数据和三方系统数据打通?

developers.aliwork.com/docs/guide/…

PhalApi Pro 技术文档

www.yesx2.com/wiki/#/READ…

以上就是接口大师数据接入宜搭的过程。