关于harmonyos:HarmonyOS低代码开发中使用业务组件

48次阅读

共计 3180 个字符,预计需要花费 8 分钟才能阅读完成。

开发者在 DevEco Studio 低代码能够通过拖拽组件栏提供的业务组件,疾速开发蕴含华为帐号登录、华为领取场景的利用。低代码的登录、领取业务组件都是通过集成 AGC 提供的 SDK 实现,低代码简化了手动集成 SDK、调用 SDK 接口的工作。

NOTE
该性能在 DevEco Studio 3.1 Beta2 及更高版本中反对,且创立的工程必须是 compileSdkVersion 为 6 的 JS 工程。

登录组件

与手动应用华为登录 SDK 相似,在低代码中应用登录组件,依然须要筹备工作。

筹备工作

1. 创立我的项目,可参考在 AGC 创立我的项目。
2. 创立利用,可参考在 AGC 创立利用。
3. 获取 agconnect-services.json 文件。
4. 开明认证服务并启用“华为帐号”认证形式,详情请参见认证服务 - 华为帐号。

应用登录组件

1. 在 DevEco Studio 中新建 API6 JS 低代码工程,在菜单栏中点击“File > New > Create Project”,抉择“Atomic Service”或“Application”。这里以创立元服务为例,抉择“Atomic Service”。抉择 Empty Ablity 模板,点击“Next”。

2. 填写工程信息,留神 Bundle Name 要和云控制台里设置的包名统一,否则运行时会报错 bundleName 不统一。

3. 将筹备工作步骤 3 下载的 agconnect-services.json 文件,搁置在工程的 entry 目录下。

4. 拖拽登录组件到设计器,主动同步依赖,生成调用登录性能代码。开发者能够绑定本人登录胜利或者失败的回调。

5. 开发者依据利用性能,配置登录组件的款式属性。

6. 如须要其余登录性能(如登出、获取用户信息等)可参考:

  • 登录后,调用 LOW_CODE_LOGIN.getCurrentUser()接口查问用户信息。
agcLogin.getCurrentUser().then((data) => {this.showToast("currUser is" + data.accessToken.token);
}, (err) => {this.showToast("get user fail, error code:" + err);
});
  • 调用登出接口 LOW_CODE_LOGIN.signOut()退出登录。
var result = await agcLogin.signOut();

7. 配置利用签名和指纹,可参考利用签名。配置实现后,能够在真机上进行调试。

NOTE
配置利用指纹后,须要期待一段时间指纹能力失效。在失效之前,登录组件调 SDK 接口可能会返回错误码 6003。
如果配置完指纹,运行本地客户端依然呈现 6003 的谬误,这是因为默认运行的是 debug 证书,请尝试革除 HMS Core(APK)的缓存后再次运行

应用领取组件

与手动应用华为领取 SDK 相似,在低代码中应用领取组件,依然须要筹备工作。

筹备工作

1. 创立我的项目,可参考在 AGC 创立我的项目。
2. 创立利用,可参考在 AGC 创立利用。
3. 获取 agconnect-services.json 文件。
4. 已注册成为商户。
5. 开明利用内领取服务,详情请参见配置领取服务参数。
6. 配置领取相干数据模型。

a. 登录 AppGallery Connect,抉择“我的我的项目”,抉择您的我的项目。

b. 抉择“低代码平台 > 数据模型”,点击页面中的“新建数据模型”。

  • 根底商品表主键字段:
  • 商品表主键字段:
  • 订单表主键字段:

c. 抉择“低代码平台 > 数据模型”,点击页面中的“新建数据模型”,别离配置“商品表”、“根底商品表”和“订单表”的数据模型字段。

  • 根底商品表字段信息:
  • 商品表字段信息:
  • 订单表字段信息:

d. 数据模型配置实现后,点击数据模型“操作”列的公布。

e. 在已公布的数据模型中,点击操作列的“治理数据”进入页面,点击“新建”,新增数据,填写实现后点击“提交”。

  • 在“根底商品表”数据模型中新增根底商品信息,数据如下:
  • 在“商品表”数据模型中新增商品信息,数据如下:

NOTE
“根底商品 ID”字段与根底商品表中的主键必须保持一致。

7. 配置 IAP 商品表。

新建 IAP 商品表,具体操作请参见创立利用内商品。商品信息表字段信息如下:

NOTE
商品表中的“商品 ID”必须与商品表数据模型中的“IAP 商品 ID”保持一致。

应用领取组件

1. 在 DevEco Studio 中新建 API6 JS 低代码工程,在菜单栏中点击“File > New > Create Project”,抉择“Atomic Service”或“Application”。这里以创立元服务为例,抉择“Atomic Service”> Empty Ablity 模板,点击“Next”。

2. 填写工程信息,留神 Bundle Name 要和云控制台里设置的包名统一,否则运行时会报错 bundleName 不统一。

3. 将筹备工作步骤 3 下载的 agconnect-services.json 文件,搁置在工程的 entry 目录下。

4. 在 entry 模块增加配置信息。

在“entry/src/main/config.json”的 module 节点减少如下属性配置,其中 ${clientID}为开发者的 OAuth 2.0 客户端 ID(在 AppGallery Connect 网站点击“我的我的项目”,在我的项目列表中找到您的我的项目,在“我的项目设置 > 惯例”页面的“利用”区域获取“OAuth 2.0 客户端 ID(凭据):Client ID”的值)。

"metaData": {
  "customizeData": [
    {
      "name": "com.huawei.hms.client.appid",
      "value": "${clientID}"
    }
  ]
}

5. 拖拽领取组件到设计器,主动同步依赖,生成调用领取性能代码。开发者能够绑定本人领取胜利或者失败的回调。开发者须要依据利用的业务场景提供购买商品的类型、数量等信息,写入 data 区。

NOTE
1.publicKey 为我的项目下利用内领取公钥,在“我的我的项目 > 盈利 > 利用内领取服务”页面中获取。
2.goodsModelId 和 orderModelId 为“商品表”和“订单表”的公布态的数据模型 ID。
3.basicGoodsId 为根底商品表数据模型的主键。

6. 配置利用签名和指纹,可参考利用签名。配置实现后,能够在真机上进行调试。

那么要想成为一名鸿蒙高级开发,以上知识点是必须要把握的,除此之外,还须要把握一些鸿蒙利用开发相干的一些技术,须要咱们独特去摸索。

为了可能让大家跟上互联网时代的技术迭代,在这里我 特邀了几位行业大佬 整顿出一份最新版的鸿蒙学习晋升材料,有须要的小伙伴自行支付,限时开源,先到先得~~~~

支付以下高清学习路线原图请点击→《鸿蒙全套学习指南》纯血鸿蒙 HarmonyOS 根底技能学习路线图

支付以上残缺高清学习路线图,请点击→《鸿蒙根底入门学习指南》小编本人整顿的局部学习材料(蕴含有高清视频、开发文档、电子书籍等)

以上分享的学习路线都适宜哪些人跟着学习?
- 应届生 / 计算机专业通过学习鸿蒙新兴技术,入行互联网,将来高起点待业。
- 0 根底转行提前布局新方向,抓住风口,自我晋升,取得更多就业机会。
- 技术晋升 / 进阶跳槽倒退瓶颈期,晋升职场竞争力,疾速把握鸿蒙技术,享受蓝海红利。

最初

鸿蒙开发学习是一个系统化的过程,从基础知识的学习到实战技能的锻炼 ,再到对前沿技术的摸索,每一环节都至关重要。 心愿这份教程材料能帮忙您疾速入门并在鸿蒙开发之路上步步攀升,成就一番事业。让咱们一起乘风破浪,拥抱鸿蒙生态的广大将来!

如果你感觉这篇内容对你有帮忙,我想麻烦大家动动小手给我:点赞,转发,有你们的『点赞和评论』,才是我发明的能源。

关注我,同时能够期待后续文章 ing,不定期分享原创常识。

想要获取更多残缺鸿蒙最新 VIP 学习材料,请点击→《鸿蒙 (Harmony OS)开发学习手册》

正文完
 0