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

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

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

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


总结


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

相关文章
|
7月前
|
存储 消息中间件 API
“论微服务架构及其应用”写作框架,软考高级,系统架构设计师
论微服务架构及其应用近年来,随着互联网行业的迅猛发展,公司或组织业务的不断扩张,需求的快速变化以及用户量的不断增加,传统的单块(Monolithic)软件架构面临着越来越多的挑战,已逐渐无法适应互联网时代对软件的要求。在这一背景下,微服务架构模式(MicroserviceArchitecturePattern)逐渐流行,它强调将单一业务功能开发成微服务的形式,每个微服务运行在一个进程中;采用HTTP等通用协议和轻量级API实现微服务之间的协作与通信。这些微服务可以使用不同的开发语言以及不同数据存储技术,能够通过自动化部署工具独立发布,并保持最低限制的集中式管理。
363 4
|
8月前
|
移动开发 小程序 UED
微搭低代码从入门到精通01应用介绍
微搭低代码从入门到精通01应用介绍
|
前端开发 JavaScript 小程序
微搭低代码零基础入门课
微搭低代码零基础入门课
微搭低代码零基础入门课
|
运维 监控 前端开发
一文吃透前端低代码的 “神仙生活”
一文吃透前端低代码的 “神仙生活”
224 1
|
Java 中间件 程序员
重磅!不容错过的阿里内部微服务速成手册也太赞了(2023版)
大家都知道Spring Cloud Alibaba 是阿里巴巴提供的微服务开发一站式解决方案,是阿里巴巴开源中间件与 Spring Cloud 体系的融合。这样一看:马爸爸可以说是左手双十一,右手阿里开源组件,不仅占据了程序员的购物车,还要攻占大家的开发工具(手动狗头)。
|
移动开发 小程序 JavaScript
微搭低代码入门教程04
微搭低代码入门教程04
微搭低代码入门教程04
微搭低代码零基础进阶课(第二课)
微搭低代码零基础进阶课(第二课)
微搭低代码零基础进阶课(第二课)
|
JavaScript 前端开发
微搭低代码零基础进阶课(第三课)
微搭低代码零基础进阶课(第三课)
微搭低代码零基础进阶课(第三课)
微搭低代码零基础进阶课(第一课)
微搭低代码零基础进阶课(第一课)
微搭低代码零基础进阶课(第一课)
|
存储 小程序 JavaScript
微搭低代码零基础入门课(第四课)
微搭低代码零基础入门课(第四课)
微搭低代码零基础入门课(第四课)