微搭低代码「外部数据源」接入实测

数据源是腾讯云微搭低代码的重要能力。数据源本质上是一系列操作数据的方法集合，通过对数据源模型的设计、对页面组件的数据绑定，可快速实现各类应用中数据的存储、使用，此外微搭低代码还提供了提供了数据源管理功能，可以创建、管理多个数据源。

近期，微搭低代码正式支持了“外部数据源”，现在，除了在平台中自建数据源，开发者还可以将第三方已有的 HTTP 接口集成到低代码平台, 提供可视化界面录入 HTTP 接口, 也可以通过编写云函数方式更灵活地接入第三方 HTTP 接口，有效提升项目开发效率。

下面就手把手带大家使用微搭低代码平台的外部数据源：

登录微搭低代码的控制台，在数据源管理菜单中点击 新建数据源 ，并在下拉选项中选择【外部数据源】：

我们输入数据源名称和数据源标识，点击确定按钮：

1、定义方法

通过设置方法，可以设置数据源的使用方式，可设置多种方法以配合不同场景使用。系统默认配置了新增、删除、更新等方法，可满足多数场景。如有自定义的方法需求，可通过云函数或本地函数的方法进行编写。

在此案例中，以新增一个自定义方法为例：打开刚刚新建的外部数据源界面，点击编辑按钮进入数据源的编辑页面。

在编辑页面点击新增自定义方法增加一个自定义方法。

接着，就进入到外部数据源设置关键部分，需要设置方法的名称、标识、意图，【方法类型】选择 HTTP 请求（HTTP 请求是基于云开发的云函数能力封装, 提供了可视化、快速接入第三方 HTTP API 的功能，目前仅外部数据源支持此方法类型）。

接着，将【入参】设置为 city，url 设置为：

https://restapi.amap.com/v3/weather/weatherInfo?key=5d2d3e6c0d5188bec134fc4fc1b139e0&city=呼和浩特&extensions=base

设置好后，依次点击 方法测试 - 运行测试 。

测试完成后即可看到调用的结果，测试成功后点击【出参映射】。

一切设置好后我们点击确定按钮让设置生效：

上述通过 HTTP 的形式会将接口的数据原样返回，除此之外开发者也可以通过编写云函数方式更灵活地接入第三方 HTTP 接口，下面就来改造一下返回的接口：

在数据源里点击新增自定义方法按钮：

方法类型选择云函数：

在编辑器中输入如下代码：

代码语言：javascript复制

/*** 使用 npm 包 request 发送http请求, 详细使用文档可以参考*  https://github.com/request/request#readme*/const request = require('request');
/** 依据 http状态码 判断请求是否成功 */function isSuccessStatusCode(code) { return code >= 200 && code < 300;}
module.exports = function (params, context) {  // params 即为入参定义的结构, 可以在 request 的请求配置中使用 params  return new Promise(function (resolve, reject) {    request(      {        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=5d2d3e6c0d5188bec134fc4fc1b139e0&city=呼和浩特&extensions=base',        method: 'GET',        // 将 json 为 true, 响应结果的 body 会被自动转换为对象,        //   在POST请求中, 也会自动设置将 Content-Type 设置为 application/json        json: true      },      function (err, response, body) {        if (err) return reject(err);        if (!isSuccessStatusCode(response.statusCode))          return reject(new Error('request failed: '   response.statusCode));        return resolve(body.lives);      }    );  });};

设置入参的各项参数：