首页 > 其他分享 >【HarmonyOS】详解低代码端云一体化开发之连接器

【HarmonyOS】详解低代码端云一体化开发之连接器

时间:2023-06-05 11:44:07浏览次数:48  
标签:https 代码 绑定 HarmonyOS 点击 连接器 端云

​【关键字】

元服务、低代码平台、端云一体化开发、连接器、拖拽式UI

 

【1、写在前面】

前面我们写了两篇文章分别介绍了低代码平台的基本使用和端云一体化开发中数据模型的使用,有需要的可以了解一下,文章地址贴在下面了:

低代码平台的基本使用:

https://developer.huawei.com/consumer/cn/forum/topic/0201120502584194043?fid=0101591351254000314

端云一体化开发之数据模型的使用:

https://developer.huawei.com/consumer/cn/forum/topic/0209120915868317043?fid=18

今天继续来分享另一个比较常用的功能——连接器的使用,连接器用于链接外部数据源与外部应用能力,通过连接器可以打通低代码应用与外部系统之间的交互,构建低代码应用的开放能力。

 

【2、实战案例】

首先连接器同样是需要开通低代码平台的,关于如何开通低代码平台,请参考上一篇介绍数据模型的文章,文章中有关于申请加入白名单及开通低代码平台的内容,下面就通过案例实操来介绍连接器的使用。

2.1、端侧UI布局

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

cke_667.png

2.2、云侧连接器

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

cke_31046.png​​

点击新建连接器,开始创建自定义的连接器,这里我们准备的第三方接口很简单,普通的无入参的Get请求,生成一句名言,接口地址:

https://api.apiopen.top/api/sentences

点击页面中的开始创建,在连接器的列表页面会生成一条记录,如下:

点击编辑会进入连接器编辑页面,该页面上方是连接器的一些基础设置,下方是连接器方法:

​ 

点击连接器方法中的立即新建,开始创建连接器方法:

cke_36795.png​​

点击方法测试,测试结果显示成功,然后点击出参映射,在出参部分会自动生成出参结果:

然后点击保存,通过以上步骤就成功在云侧添加了一个连接器。

2.3、端云数据绑定

端侧想要实现绑定云侧创建的连接器,同样需要满足两个条件:

①、DevEco Studio需要登录开发者账号:

②、下载agconnect-services.json文件置于应用级根目录下:

OK,完成了以上步骤之后,就可以开始绑定云侧连接器的操作啦。

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

接着选择对应的连接器、状态、方法等信息,点击提交就完成了连接器的添加:

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

OK,到这里就完成了连接器的数据绑定啦。

2.4、效果展示

下面运行到手机上,来看一下最终的实现效果:

参考文档:

https://developer.huawei.com/consumer/cn/doc/distribution/app/agc-help-harmonyos-introduction-0000001172299745

https://developer.huawei.com/consumer/cn/doc/distribution/app/agc-lowcode-connector-create-0000001548335378

标签:https,代码,绑定,HarmonyOS,点击,连接器,端云
From: https://www.cnblogs.com/mayism123/p/17457398.html

相关文章

  • 【HarmonyOS】hap包在多台设备中安装和HarmonyOS应用含多个module安装问题
     在HarmonyOS应用开发过程中,大家会遇到一些hap安装问题,如多模块hap包存在调用如何在模拟器上统一运行、或者同一hap包如何在多台设备运行问题等,这里汇总一些hap安装问题解答,供大家参考。 【问题1】我的HarmonyOS工程创建了多个module,构建出的.app包,如何在模拟器上安装?   ......
  • 【HarmonyOS】初识低代码平台开发元服务
    【关键字】HarmonyOS、低代码平台、元服务开发、拖拽式开发【写在前面】今天要分享的是HarmonyOS中的低代码开发相关的内容,低代码开发是DevEcoStudio提供的一种UI界面可视化的构建方式,通过图形化的自由拖拽+数据的参数化配置,可以快速的构建UI界面,在DevEcoStudio的官方使用指南中......
  • 【HarmonyOS】低代码元服务开发中的地图实现
    在元服务开发过程中,大家可能需要在应用中使用地图,如果使用SDK集成的方式,地图SDK包体积大小很大,集成后元服务大小可能会超过10M,这就超出了HAP包的大小限制。那么是否有其他途径可以在元服务中使用地图呢?笔者最近在学习AGC新推出的低代码开发元服务的文档时发现,他的景区模板(模板简介-......
  • 端云一体化卡片创建
    端云一体化卡片创建首先,我们创建项目:然后点击登陆:登陆成功之后我们就可以开始后面的步骤了我们需要这个时候,我们点击上面的AppGalleryConnect然后创建项目就可以我这里要做的事端云一体化的卡片。然后下一步然后我们填写如图所示的信息。创建完成之后,我们回来查看我们的项目创建......
  • 什么是XH2.5连接器
    做电子的人对这种连接器应该很熟悉,很多电路板上都会用到这种白色的间距2.5mm连接器:           在我大学期间,学长们将其称之为XH2.5连接器,在工作的时候,同事们把他们叫做XH2.5接插件,区别只是直插还是弯插,例如:一个4P的,间距2.5mm,弯插,带锁扣的连接器,公司的采购型号......
  • 【HarmonyOS】轻量级智能穿戴应用如何在页面中实现数据传递与全局变量的使用
    【关键词】轻量级智能穿戴、LiteWearable、数据传递、全局变量 【问题描述】开发轻量级智能穿戴LiteWearable应用,在app.js中定义全局变量,在页面中通过this.$app.$def.xxx获取时,报错TypeError:Cannotreadproperty'$def'ofundefined 【问题分析】经确认,LiteWearable......
  • 2022最简单方法更新华为鸿蒙3.0系统HarmonyOS 3.0安装谷歌服务框架GMS谷歌应用商店Goo
    原视频:https://www.youtube.com/watch?v=AsAiuMKXOQYGbox谷歌框架官方下载地址:https://www.gboxlab.com/Gbox谷歌框架带谷歌应用商店的旧版本下载:https://www.mediafire.com/file/sj0l50pogpjwjnb/GBox-release-1.3.20.apk/file......
  • 【HarmonyOS】【FAQ】HarmonyOS应用开发相关问题解答(一)
     【前提简介】本文档主要总结HarmonyOS开发过程中可能遇到的一些问题解答,主要围绕HarmonyOS展开,包括但不限于不同API版本HarmonyOS开发、UI组件、DevEcoStudio、Gitee示例代码等,并将持续更新哦。 【官方FAQ】【FAQ】HarmonyOS应用及服务开发常见问题汇总(官方总结,持续更新):ht......
  • 【HarmonyOS】自定义组件之ArkUI实现通用标题栏组件
     【关键字】标题栏、常用内置组件整合、ArkUI、自定义组件 1、写在前面在上一篇文章中我们通过Java语言实现了一个通用的标题栏组件,有需要的可以看下,文章地址:https://developer.huawei.com/consumer/cn/forum/topic/0202117373459738584?fid=0101587866109860105现在很多......
  • 【HarmonyOS】元服务WebView组件 H5使用localstorage
    在日常开发中我们会在应用种接入H5网页,localStorage作为H5本地存储webstorage特性的API之一,主要作用是将数据保存在客户端中。对于快速开发元服务,通过WebView组件运行H5如何使用localstorage呢?下文以API7JavaUI为例为大家做相关的讲解。 【实现步骤】第一步、配置WebView首......