微搭低代码零基础进阶课（第四课）

Posted 2022-05-12 低代码布道师

我们用了十节课讲解了javascript的基础知识，牢固掌握javascript可以更方便的编写前端功能。在小程序开发中，除了需要开发前端功能外，还需要后端的能力。

微搭中后端的能力体现在云函数上，可以便捷的在线编制云函数代码供应用使用。

创建云函数

打开微搭控制台，找到自定义连接器。点击新建自定义连接器

输入名称和标识

点击立即新建，创建自定义方法

选择云开发云函数，点击管理函数

打开云函数的界面，点击新建云函数

输入函数的名称

切换到函数代码页签

新建的云函数，只有一个Index.js，我们需要点击文件，创建一个package.json文件

在package.json中输入依赖

  "name": "app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": ,
  "author": "",
  "license": "ISC",
  "dependencies": 
    "@cloudbase/node-sdk": "latest"
  

然后在index.js中输入如下代码

'use strict';
exports.main = async (event, context) => 
    let  a, b  = event;
  let sum = a + b;

  return 
    sum
  ;
;

函数的意思是对输入参数进行求和并且返回结果

代码输入完毕后，如果需要测试，需要先在线安装依赖，点击保存并安装依赖按钮

依赖安装好后，目录里就会多一个node_modules文件夹，里边会把依赖相关的包都安装好

依赖安装好后就可以进行测试了，点击测试按钮

输入测试的条件，点击运行测试按钮可以观察结果

看到成功结果点击保存按钮一个云函数就开发好了。

自定义连接器调用云函数

云函数创建好后，我们回到微搭控制台里的自定义连接器，选择我们刚刚创建的云函数

然后设置入参、出参

应用中调用自定义连接器

我们可以在低代码中调用自定义连接器，如下代码

export default async function ( event, data ) 
   let a = Number($page.dataset.state.a)
   let b = Number($page.dataset.state.b)
   const result = await app.cloud.callConnector(
      name: 'yhssl_atv6i18',
      methodName: 'sum',
      params: 
         "a": a,
         "b": b
      , // 方法入参
   );
   $page.dataset.state.sum = result.sum
   console.log(result)

输入两个数字，点击求和的按钮，最终将计算结果显示到页面上。

总结

微搭中如果需要使用云函数的，需要经过创建云函数，在自定义连接器中调用和在低码编辑器中调用三个步骤。当然了云函数作为微搭的技术基座还是有非常丰富的功能的，我们后续的课程逐步展开云函数的各种功能，敬请期待。