微搭低代码零基础进阶课(第四课)

简介: 微搭低代码零基础进阶课(第四课)

我们用了十节课讲解了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)
}

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


总结


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

相关文章
|
10月前
|
运维 数据可视化 搜索推荐
低代码平台:10分钟从入门到原理
低代码平台:10分钟从入门到原理
373 0
|
27天前
|
SQL 安全 API
课8-隐语SCQL的开发实践
SCQL 是一种用于安全联合数据分析的工具,开放API供用户集成。通过SCDBClient可体验其功能,支持开发封装产品或集成到业务。使用流程包括部署系统、项目设置和联合分析。SCQL部署涉及环境准备及SCDB和SCQLEngine启动。示例场景是金融机构Alice联合电商平台Bob进行用户画像分析。SCDB中,项目、身份认证、数据表管理和权限信息管理是关键概念。用户需创建数据库、用户、项目,并设置权限和CCL后,发起联合分析查询。SCQL架构包含SPU,支持P2P模式,可用于聚合查询等操作。SecretNote UI界面的部署和使用,用于演示SCQL的业务场景。
|
2月前
|
移动开发 小程序 UED
微搭低代码从入门到精通01应用介绍
微搭低代码从入门到精通01应用介绍
|
前端开发 JavaScript 小程序
微搭低代码零基础入门课
微搭低代码零基础入门课
微搭低代码零基础入门课
|
JavaScript 前端开发
微搭低代码零基础进阶课(第三课)
微搭低代码零基础进阶课(第三课)
微搭低代码零基础进阶课(第三课)
微搭低代码零基础进阶课(第一课)
微搭低代码零基础进阶课(第一课)
微搭低代码零基础进阶课(第一课)
微搭低代码零基础进阶课(第二课)
微搭低代码零基础进阶课(第二课)
微搭低代码零基础进阶课(第二课)
|
存储 小程序 JavaScript
微搭低代码零基础入门课(第四课)
微搭低代码零基础入门课(第四课)
微搭低代码零基础入门课(第四课)
|
数据可视化
微搭低代码零基础入门课(第五课)
微搭低代码零基础入门课(第五课)
微搭低代码零基础入门课(第五课)
|
数据可视化 小程序 API
微搭低代码零基础入门课(第七课)
微搭低代码零基础入门课(第七课)
微搭低代码零基础入门课(第七课)