快使用双截棍 | 低码之连接器 元服务开发的奇门武器

AppGallery Connect(以下简称AGC)低代码服务是一个基于Serverless的低代码开发平台,可通过拖拽式开发,可视化配置构建元服务。打通HarmonyOS云侧与端侧能力,轻松实现HMS Core和AGC Serverless能力的调用,宛若奇门武器双截棍一般,熟练使用“威力无穷”。此武器通过连接元服务生态、HMS Core、AGC Serverless平台、DevEco Studio、开发者联盟生态市场等产品并深度打通,极大助力元服务快速开发与降本增效。

 

1年左右工作经验的初级前端开发者基于DevEco Studio(SuperVisual)工具,使用AGC低代码服务,只需产品经理的功能清单和UX设计师的高保真文档的输入,开发者完成将高保真抽象为UI元素+数据+逻辑后,即可快速低码完成元服务开发。

 

如此奇门武器双截棍,您还不来快使用一下,哼哼哈嘿。如果说数据模型是低码这个双截棍的起手招式。那么连接器就是低码这个双截棍的四两拨千斤招式。通过连接器,无需自己构建数据模型,直接调用第三方接口的数据使用,以四两拨千斤方法借力打力,更加以柔克刚。

 

元服务中端侧展示数据通常来自第三方接口。低码的连接器是在AGC控制台中创建的一种云侧的链接能力,通过连接器来连接元服务与外部数据源,如龙入海的实现元服务页面中调用第三方接口填充数据的实战效果。

以每日一读类元服务的每日一句页面,示意一下实战效果。

 

提醒:

如果您想要使用低码的连接器能力,需要先申请加入白名单,在白名单通过之后还要在AGC中开通低代码平台

 

我们就以实现一个调用外部接口加载列表数据的简单功能,带您领略一下如何使用连接器的四两拨千斤棍法。

棍法一式 端侧拖拽式开发UI布局

拖拽式开发UI界面,外层是一个容器组件Div,内层是两个Text文本组件,宽度是填充100%,高度根据自己的需求进行设置,排列方式是垂直方向排列。

界面如下所示:

 

 棍法二式 云侧构建连接器

1.登录AppGallery Connect控制台,然后选择对应的项目,找到左侧导航栏中的“低代码平台 > 连接器”,如下图所示。

 

2.点击“新建连接器”,开始创建自定义的连接器。

我们准备的第三方接口很简单,普通的无入参的Get请求,生成一句名言,接口地址:https://api.apiopen.top/api/sentences

 

3.点击“开始创建”,在连接器的列表页面会生成一条记录。

示例如下图所示。

 

4.点击“编辑”进入连接器编辑页面,该页面上方是连接器的一些基础设置,下方是连接器方法。

 

5.点击“连接器方法”区域中“立即新建”,开始创建连接器方法。

 

6.点击“方法测试”,测试结果显示成功。点击“出参映射”,在出参部分会自动生成出参结果。

 

7.点击“保存”,即可成功在云侧添加了一个连接器。

棍法三式 端侧绑定云侧数据

前提

  • DevEco Studio已登录开发者帐号。
  • 已下载agconnect-services.json文件置于应用级根目录下。

1. 在右侧属性样式面板中切换到最下方PageData面板,点击Add Data,选择Connector

 

2. 选择对应的连接器、状态、方法等信息,点击Submit,即完成连接器的添加。

 

3. 在UI界面中选择对应的组件,为其绑定数据,上方Text组件绑定name字段,下方Text组件绑定from字段。

KO 打完收棍!到此,前面想要的端侧调用云侧数据来加载列表数据,已经轻松实现。

更为详细的代码样例可以从Github获取。

更为详细的开发指南可以从文档查阅。

 

。。。什么兵器最喜欢,双截棍柔中带钢。。。哼,快使用双截棍,哼哼哈嘿。。。

师傅领进门,修行看个人,AGC低代码服务我们赶紧耍起来!在元服务开发中打出一番鸿蒙的崭新天地!​

posted @ 2023-07-10 19:54  Mayism123  阅读(105)  评论(0编辑  收藏  举报