【HarmonyOS】云开发-用户自动认证

最新推荐文章于 2024-08-22 17:23:47 发布
最新推荐文章于 2024-08-22 17:23:47 发布
阅读量854 收藏 24
点赞数 26
分类专栏： 【HarmonyOS】 文章标签： harmonyos 深度学习 华为
包包熊出品
本文链接：https://blog.csdn.net/Oneal5354/article/details/141307976
版权

背景

华为云服务提供了统一认证的云服务，支持手机、邮箱等自定义登录服务，并且提供了免费使用的额度，这样子方便中小企业或者项目快速的开发工作。下面是支持的认证方式：

操作步骤

1.AGC(AppGallery Connect)创建项目

在AGC界面创建自己的云服务项目（详细可看上篇文章【HarmonyOS】端云一体化初始化项目），并开通认证服务，如下图：

启用手机号码和邮箱地址服务：

2.添加项目配置文件

在AGC的项目界面下载agconnect-services.json文件，并添加到本地的项目文件中。

3.添加与云服务相关的第三方库

  • 在项目的终端中，输入 cd entry 进入entry目录
  • 安装SDK
ohpm install @hw-agconnect/hmcore
ohpm install @hw-agconnect/cloud

可以在entry->oh-package.json5文件中可以查看添加的第三方库和对应的版本号，可以看到添加了 @hw-agconnect/hmcore和 @hw-agconnect/cloud两个第三方库。

示例使用手机验证码实现登录功能

验证码的操作示意图

1.搭建初始化界面

import { router } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  //手机号码
  @State TelNumber: string = "";
  //验证码
  @State VerifyNumber: string = "";

  build() {
    Column() {
      TextInput({ placeholder: "请输入手机号" })
        .width("80%")
        .type(InputType.PhoneNumber)
        .height(50)
        .onChange(value => {
          this.TelNumber = value;
        })
      Row() {
        TextInput({ placeholder: "请输入验证码" })
          .width("50%")
          .type(InputType.Number)
          .height(50)
          .onChange(value => {
            this.VerifyNumber = value;
          })
        Button("获取验证码")
          .fontSize(14)
          .layoutWeight(1)
          .margin({ left: 20 })
          .height(50)
      }
      .width("80%")
      .margin({ top: 20, bottom: 20 })

      Button("登录").onClick((event: ClickEvent) => {
        
      })
        .width("80%")
    }
    .height('100%')
    .width('100%')
    .padding(10)
    .backgroundColor($r('app.color.start_window_background'))
    .alignItems(HorizontalAlign.Center)
  }
}

2.云服务认证使用初始化

修改EntryAbility文件代码进行初始化

  • 添加import { initialize } from ‘@hw-agconnect/hmcore’
  • 添加配置的JSON文件路径 ：import serciceJson from ‘…/…/resources/rawfile/agconnect-services.json’
  • 在OnCreate方法中添加初始化代码

修改示意图：

整体代码如下：

import { abilityAccessCtrl, AbilityConstant, PermissionRequestResult, UIAbility, Want } from '@kit.AbilityKit';
import { hilog } from '@kit.PerformanceAnalysisKit';
import { window } from '@kit.ArkUI';
import { initialize } from '@hw-agconnect/hmcore'
import serciceJson from '../../resources/rawfile/agconnect-services.json'

export default class EntryAbility extends UIAbility {
  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
    try {
      initialize(this.context, serciceJson);
    } catch (e) {
      hilog.error(0x0000, 'AGConnectError', JSON.stringify(e));
    }
    let AtManager = abilityAccessCtrl.createAtManager();
    AtManager.requestPermissionsFromUser(this.context, ['ohos.permission.READ_MEDIA', 'ohos.permission.MEDIA_LOCATION'])
      .then((data: PermissionRequestResult) => {
        hilog.info(0x0000, 'testTag', '%{public}s', 'request permissions from user success' + data);
      })
      .catch((err: Object) => {
        hilog.error(0x0000, 'testTag', 'Failed to request permissions from user. Cause: %{public}s',
          JSON.stringify(err) ?? '');
      });
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
  }

  onDestroy(): void {
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
  }

  onWindowStageCreate(windowStage: window.WindowStage): void {
    // Main window is created, set main page for this ability
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
    windowStage.loadContent('pages/Index', (err, data) => {
      if (err.code) {
        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
        return;
      }
      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');
    });
  }

  onWindowStageDestroy(): void {
    // Main window is destroyed, release UI related resources
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
  }

  onForeground(): void {
    // Ability has brought to foreground
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');
  }

  onBackground(): void {
    // Ability has back to background
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
  }
}

发送验证码

输入手机号码后点击获取验证码按钮，然后获取登录的验证码短信。短信截图如下：

完整代码：

import { router } from '@kit.ArkUI';
import cloud from '@hw-agconnect/cloud'
import { Auth, VerifyCodeAction } from '@hw-agconnect/cloud';
import hilog from '@ohos.hilog';
import json from '@ohos.util.json';
import { JSON } from '@kit.ArkTS';

@Entry
@Component
struct Index {
  //手机号码
  @State TelNumber: string = "";
  //验证码
  @State VerifyNumber: string = "";

  build() {
    Column() {
      TextInput({ placeholder: "请输入手机号" })
        .width("80%")
        .type(InputType.PhoneNumber)
        .height(50)
        .onChange(value => {
          this.TelNumber = value;
        })
      Row() {
        TextInput({ placeholder: "请输入验证码" })
          .width("50%")
          .type(InputType.Number)
          .height(50)
          .onChange(value => {
            this.VerifyNumber = value;
          })
        Button("获取验证码")
          .fontSize(14)
          .layoutWeight(1)
          .margin({ left: 20 })
          .height(50)
          .onClick(async () => {
            try {
              await cloud.auth().requestVerifyCode({
                verifyCodeType: {
                  kind: "phone",
                  phoneNumber: this.TelNumber,
                  countryCode: "86"
                },
                action: VerifyCodeAction.REGISTER_LOGIN,
                lang: "zh_CN",
                sendInterval: 60
              })
              hilog.error(0, 'VerifyCode', "Success");
            } catch (e) {
              AlertDialog.show({ title: "错误", message: "验证码发送失败" })
              hilog.error(0, 'VerifyCode', JSON.stringify(e));
            }
          })
      }
      .width("80%")
      .margin({ top: 20, bottom: 20 })

      Button("登录").onClick((event: ClickEvent) => {

      })
        .width("80%")
    }
    .height('100%')
    .width('100%')
    .padding(10)
    .backgroundColor($r('app.color.start_window_background'))
    .alignItems(HorizontalAlign.Center)
  }
}

主要调用requestVerifyCode方法去获取验证码信息，传入VerifyCodeParam类型对象。

VerifyCodeParam的属性解析：

  • verifyCodeType ：PhoneVerifyCode对象，主要输入phoneNumber和countryCode对象。
  • action ： 枚举值，选择获取验证码的类型
  • lang ： 语言
  • sendInterval ： 重复发送的时间间隔

根据验证码实现登录功能

实现登录效果

import { router } from '@kit.ArkUI';
import cloud from '@hw-agconnect/cloud'
import { Auth, VerifyCodeAction } from '@hw-agconnect/cloud';
import hilog from '@ohos.hilog';
import json from '@ohos.util.json';
import { JSON } from '@kit.ArkTS';

@Entry
@Component
struct Index {
  //手机号码
  @State TelNumber: string = "";
  //验证码
  @State VerifyNumber: string = "";

  build() {
    Column() {
      TextInput({ placeholder: "请输入手机号" })
        .width("80%")
        .type(InputType.PhoneNumber)
        .height(50)
        .onChange(value => {
          this.TelNumber = value;
        })
      Row() {
        TextInput({ placeholder: "请输入验证码" })
          .width("50%")
          .type(InputType.Number)
          .height(50)
          .onChange(value => {
            this.VerifyNumber = value;
          })
        Button("获取验证码")
          .fontSize(14)
          .layoutWeight(1)
          .margin({ left: 20 })
          .height(50)
          .onClick(async () => {
            try {
              await cloud.auth().requestVerifyCode({
                verifyCodeType: {
                  kind: "phone",
                  phoneNumber: this.TelNumber,
                  countryCode: "86"
                },
                action: VerifyCodeAction.REGISTER_LOGIN,
                lang: "zh_CN",
                sendInterval: 60
              })
              hilog.error(0, 'VerifyCode', "Success");
            } catch (e) {
              AlertDialog.show({ title: "错误", message: "验证码发送失败" })
              hilog.error(0, 'VerifyCode', JSON.stringify(e));
            }
          })
      }
      .width("80%")
      .margin({ top: 20, bottom: 20 })

      Button("登录").onClick(async (event: ClickEvent) => {
        try {
          const result = await cloud.auth().signIn({
            credentialInfo: {
              kind: "phone",
              countryCode: "86",
              phoneNumber: this.TelNumber,
              verifyCode: this.VerifyNumber
            }
          })
          AlertDialog.show({ title: "登录", message: "登录成功！！！" })
        } catch (e) {
          AlertDialog.show({ title: "错误", message: "登录失败" })
          hilog.error(0, 'Login', JSON.stringify(e));
        }
      })
        .width("80%")
    }
    .height('100%')
    .width('100%')
    .padding(10)
    .backgroundColor($r('app.color.start_window_background'))
    .alignItems(HorizontalAlign.Center)
  }
}

主要调用auth的signIn方法，并传入对应的电话号码和验证码。
SignInParam对象

  • credentialInfo: CredentialInfo对象，设置电话号码和前缀，可以选择密码登录或者验证码登录
  • autoCreateUser?: boolean; 设置当没有当前对象存在时，是否需要自动生成用户。

总结

以上示例仅仅对统一认证流程的讲解，其中完整的逻辑判断并没有添加，可以根据自己的需求来添加相应的逻辑判断

baobao熊
关注
  • 26
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HarmonyOS云开发基础认证
牛肉胡辣汤
08-01 6106
A. Cloud DB客户端支持跨平台开发，支持React Native、Cordova、Ionic和XamarinB. 客户端executeUpsert()接口限制插入1000条数据C. Cloud DB支持敏感数据保护，如有数据涉及到个人隐私，开发者可以对该数据设置成加密字段，客户端操作该数据前需要设置用户密码D. Cloud DB持久化模式查询云侧的数据不会把数据缓存到本地。D. 本地模式下，用户仅可操作端侧所包含的本地数据，无法实现数据在端云、多端间的同步。
HarmonyOS云开发基础认证自刷题库
09-13
为了帮助开发者更好地掌握HarmonyOS的云开发技能，官方提供了“HarmonyOS云开发基础认证”考试，旨在测试和提升开发者在Serverless、用户认证、云函数、云数据库、云存储等方面的理论知识与实践能力。本文将深入探讨...
HarmonyOS云开发基础认证练习题
magic171的博客
08-23 1万+
刚看到前几天有位朋友评论问有没有HarmonyOS云开发基础认证的题，粗略看了看感觉还行，老规矩1h2min速通。不过关于云开发华子只开放了基础认证，后续如果华子开放了高级和专业认证，有需要的朋友可以评论区踢我一脚提醒我去搞。
HarmonyOS云开发基础认证【最新题库 满分答案】
热门推荐
_考不上研究生不改名的博客
11-21 3万+
1.应用架构的演进依次经历了微服务架构、单体架构、Serverless架构等阶段。（错误） 2.鸿蒙应用可以使用Arkts开发（正确） 3.认证服务在绑定微信账号后就不能再绑定QQ账号了。 （错误） 4.认证服务手机号码登录需要填写国家码。（正确） 5.自己构建的账号系统可以加入到认证服务中。 （正确） 6.认证服务不同站点的数据是独立的。（正确） 7.Serverless是云计算下一代的默认计算范式。（正确） 8.邮箱用户发送验证码的模板是可以修改的。（错误） 认证服务提供了端侧验证token的。（正确）
HarmonyOS云开发基础认证---练习题一
u010689434的博客
10-13 7629
HarmonyOS云开发基础认证
HCIA-HarmonyOS应用开发工程师 V2.0 模拟考试
10-13
这个初级认证主要涉及HarmonyOS的基础架构、组件使用、页面跳转、权限管理、应用结构以及开发工具的使用。 1. 页面跳转分为页面内跳转和页面间跳转。页面内跳转发生在同一个Ability内部，可以通过Router或...
HarmonyOS云开发题库
12-29
HarmonyOS云开发题库是HarmonyOS云开发的知识库，涵盖了云计算、Serverless、认证服务、云数据库、云存储、云函数等方面的知识点。本知识库共包含40个问题，涵盖了HarmonyOS云开发的多个方面。 1. 应用架构的演进...
HarmonyOS应用开发者基础认证考试题目及答案
11-19
HarmonyOS 应用开发者基础认证考试涵盖了HarmonyOS应用开发的核心知识，包括数据存储、组件使用、生命周期管理、网络请求以及界面布局等多个方面。以下是这些知识点的详细解释： 1. **首选项Preferences**：...
HarmonyOS云开发者认证的题库
08-11
HarmonyOS云开发者认证的题库涵盖了多个IT领域的知识点，主要涉及云计算、Serverless计算、云数据库、云存储、以及HarmonyOS应用开发等方面。以下是这些知识点的详细解释： 1. **云计算演进**：云计算的发展经历了...
鸿蒙卡片服务开发
最新发布
qq_46025779的博客
08-22 145
因为 abilityName,拉起的是EntryAblity，要修改一下该生命周期。卡片的配置文件form_config.json。打开WidgetCard.ets卡片页面。在module.json5文件下配置。上面的常量都在下面引用，可以直接删掉。在该项目下创建一个卡片服务。点击那个按钮就跳转那个页面。
鸿蒙Harmony实战：Accessibility Kit应用开发
weixin_55362248的博客
08-19 935
Accessibility Kit（无障碍开发服务）提供扩展服务的开放能力，三方可基于此开放能力开发出类似读屏软件的扩展服务，同时也为三方应用提供开放能力，使三方应用可以更好的适配扩展服务，以更好的服务于障碍人群和障碍场景。例如利用读屏软件，用户可以“听见”当前屏幕内容。
鸿蒙内核源码分析(物理内存篇) | 怎么管理物理内存
黎程雨的博客
08-18 896
鸿蒙内核物理内存采用了段页式管理，先看两个主要结构体.结构体的每个成员变量的含义都已经注解出来，请结合源码理解.
HarmonyOS 地图服务：深度解析其丰富功能与精准导航实力
白晓明的博客
08-21 918
HarmonyOS为开发者和用户带来了强大的地图功能支持，其中包括地图组件MapComponent以及地图组件的主要功能入口类MapComponentController。
基于Kotlin Multiplatform的鸿蒙跨平台开发实践
bilibili_TC的博客
08-20 1533
为了提供更好的用户体验，支持更多的应用生态，哔哩哔哩在去年年底启动了哔哩哔哩鸿蒙原生应用的开发。
鸿蒙OS应用开发例题
SSRppIG的博客
08-18 909
口B. feature类 型的Module: 应用的动态特性模块，编译后生成feature类型的HAP。口C. entry类 型的Module: 应用的主模块，包含应用的入口界面、 入口图标和主功能特性，编译后生成entry类型的HAP。C ) E.通常项目 上会有一一个专职Ops,在项目可以发布的时候手动触发部署流程，或者需要传递很多参数，让Pipeline运行起来。( ) C.随着业务的发展，应用功能会越来越多,某些功能可以做成动态加载，动态加载的模块采用HAR工程来构建，方便复用和共享。
HarmonyOS应用四之页面加载构建以及数据请求
zouyang920的博客
08-19 370
【代码】HarmonyOS应用四之页面加载及构建。
鸿蒙内核源码分析(信号生产篇) | 注意结构体的名字和作用.
黎程雨的博客
08-21 482
关于信号篇，本只想写一篇，但发现把它想简单了，内容不多，难度极大.整理了好长时间，理解了为何要单独为它开一章，原因有二
鸿蒙关于可以实现滚动效果的容器组件的相关知识
qq_43474235的博客
08-18 833
在开发的过程中，用户在使用app的过程中对于滚动条样式审美的提升，不断向开发人员提出建议，开发人员不得不改变滚动条样式。通过使用ScrollBar组件（需要和Grid公用同一个Scroller）来自定义样式。Grid的属性属性名类型说明scrollBarBarState设置滚动条状态。默认值：BarState.autoBarState.off 关闭BarState.on 常驻BarState.auto 按需显示设置滚动条的颜色。设置滚动条的宽度。
harmonyos云开发基础认证答案
08-23
HarmonyOS云开发基础认证是华为公司针对开发者而设立的一项认证考试。以下是该考试的答案： 1. HarmonyOS云开发基础认证考试主要涵盖了以下几个方面： - 掌握HarmonyOS开发框架和基础知识 - 理解HarmonyOS应用开发的基本原理 - 熟悉HarmonyOS开发工具和相关技术 - 理解HarmonyOS云开发的概念和应用场景 2. 在HarmonyOS云开发基础认证考试中，可能会涉及的考点包括： - HarmonyOS开发环境的搭建和配置 - HarmonyOS应用的创建和运行 - HarmonyOS云开发能力的使用和应用场景 - HarmonyOS应用的布局和界面设计 - HarmonyOS应用的数据处理和网络通信 - HarmonyOS应用的安全性和性能优化 3. 在备考HarmonyOS云开发基础认证考试时，可以参考以下方法： - 学习官方的开发文档和教程，掌握必要的理论知识 - 进行实际的开发项目练习，提升实践能力 - 多参与社区论坛和开发者交流，获取经验和解决问题的方法 - 关注官方的培训课程和在线学习资源，了解最新的开发技术和知识点 总的来说，通过HarmonyOS云开发基础认证考试可以验证开发者对HarmonyOS开发的理解和掌握程度，同时也为开发者提供了更多的机会和资源，助力其在HarmonyOS生态圈中的发展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

baobao熊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值