调用云服务认证体系

2024-09-05 12:20
文章标签 服务 认证 调用 体系

本文主要是介绍调用云服务认证体系,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、介绍
基于鸿蒙Next实现应用的认证注册流程。
二、场景需求

用户注册模块:

邮箱/手机号验证:

密码设置:

个人信息填写:

用户登录模块:

邮箱/手机号与密码登录:
用户输入注册时的邮箱/手机号和密码。
第三方登录选项:
提供使用社交账号(如微信、Facebook、Google等)直接登录的选项。

忘记密码模块:

找回密码流程:
用户输入注册时的邮箱/手机号,系统发送重置链接或验证码。
用户通过链接或验证码进入重置密码界面。

多因素认证(可选):

用户在登录后可选择启用多因素认证(如短信验证码、邮箱验证、Authenticator应用等)。

错误处理与反馈:

系统需提供清晰的错误信息(如“邮箱已被注册”、“密码格式不正确”等)。
注册成功后显示欢迎信息并引导用户进行后续操作(如设置个人资料)。

潜在价值:提供安全、简便的注册与认证流程,提高用户体验。通过验证机制确保数据安全,减少虚假账户,同时保护用户隐私。
提升用户的快速注册与登录效率,增强用户留存和活跃度。
这种认证注册流程可以确保用户体验流畅,同时满足安全性与隐私保护的需求。

三、业务步骤
第一步:在页面初始化的时候判定账号是否注册
第二步:账号注册登录,直接显示可操作页面
第三步:账号未注册登录,进入注册登录环节
第四步:注册认证账号完成

四、效果展示

#HarmonyOS NEXT 体验官#调用云服务认证体系-鸿蒙开发者社区

五:代码展示:

import { promptAction, router } from '@kit.ArkUI';
import cloud from '@hw-agconnect/cloud';
import { PointsList } from '../PointsList';
import schema from '../idiom-schema.json';
import { Logger } from '@hw-agconnect/hmcore';
import { TAG } from '@ohos/hypium/src/main/Constant';import { CommonConstants, FooterTabType } from '../common/CommonConstants';
import { HomePage } from '../pages/HomePage'
import { IdiomPage } from '../pages/IdiomPage'
import { PointsListPage } from '../pages/PointsListPage'
import { MinePage } from '../pages/MinePage'AppStorage.setOrCreate('isLogin', true)
AppStorage.setOrCreate('Phone', 'admin')
AppStorage.setOrCreate('Password', '123456')@Entry
@Component
struct Index {@State currentIndex: number = 0;@State fontColor: string = '#182431'@State selectedFontColor: string = '#007DFF'private controller: TabsController = new TabsController()@Provide pointsList: PointsList[] = [] //排上榜单数据@BuildertabBuilder(tabList: FooterTabType[], index: number) {Column() {Image(this.currentIndex === index ? tabList[index].icon_select : tabList[index].icon_normal).width(28).height(28).objectFit(ImageFit.Contain)Text(tabList[index].title).fontColor(this.currentIndex === index ? this.selectedFontColor : this.fontColor).fontSize(12).fontWeight(500).lineHeight(20)}.width('100%')}onPageShow(): void {if (router.getParams() as number != null && router.getParams() as number != undefined) {this.currentIndex = router.getParams() as number} else {this.currentIndex = 0}this.isSilentLogin() // 是否登录}isSilentLogin() {cloud.auth().getCurrentUser().then(user => {if (user) {//业务逻辑AppStorage.set('isLogin', false)return}AppStorage.set('isLogin', true)});}build() {Stack() {Tabs({ barPosition: BarPosition.End, controller: this.controller }) {TabContent() {Column() {HomePage()}.height('100%').width('100%').backgroundColor(0xeeeeee)}.tabBar(this.tabBuilder(CommonConstants.FOOTER_TAB_TITLE, 0))TabContent() {Column() {IdiomPage()}.height('100%').width('100%').backgroundColor(0xeeeeee)}.tabBar(this.tabBuilder(CommonConstants.FOOTER_TAB_TITLE, 1))TabContent() {Column() {PointsListPage()}.height('100%').width('100%').backgroundColor(0xeeeeee)}.tabBar(this.tabBuilder(CommonConstants.FOOTER_TAB_TITLE, 2))TabContent() {Column() {MinePage()}.height('100%').width('100%').backgroundColor(0xeeeeee)}.tabBar(this.tabBuilder(CommonConstants.FOOTER_TAB_TITLE, 3))}.scrollable(false).expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]).height("100%").width("100%").onChange((idx: number) => {this.currentIndex = idx})}.height('100%').width('100%')}
}

这篇关于调用云服务认证体系的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1138944

相关文章

springboot项目如何开启https服务

《springboot项目如何开启https服务》:本文主要介绍springboot项目如何开启https服务方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录springboot项目开启https服务1. 生成SSL证书密钥库使用keytool生成自签名证书将

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

Spring LDAP目录服务的使用示例

《SpringLDAP目录服务的使用示例》本文主要介绍了SpringLDAP目录服务的使用示例... 目录引言一、Spring LDAP基础二、LdapTemplate详解三、LDAP对象映射四、基本LDAP操作4.1 查询操作4.2 添加操作4.3 修改操作4.4 删除操作五、认证与授权六、高级特性与最佳

SpringSecurity JWT基于令牌的无状态认证实现

《SpringSecurityJWT基于令牌的无状态认证实现》SpringSecurity中实现基于JWT的无状态认证是一种常见的做法,本文就来介绍一下SpringSecurityJWT基于令牌的无... 目录引言一、JWT基本原理与结构二、Spring Security JWT依赖配置三、JWT令牌生成与

SpringSecurity6.0 如何通过JWTtoken进行认证授权

《SpringSecurity6.0如何通过JWTtoken进行认证授权》:本文主要介绍SpringSecurity6.0通过JWTtoken进行认证授权的过程,本文给大家介绍的非常详细,感兴趣... 目录项目依赖认证UserDetailService生成JWT token权限控制小结之前写过一个文章,从S

Java调用C++动态库超详细步骤讲解(附源码)

《Java调用C++动态库超详细步骤讲解(附源码)》C语言因其高效和接近硬件的特性,时常会被用在性能要求较高或者需要直接操作硬件的场合,:本文主要介绍Java调用C++动态库的相关资料,文中通过代... 目录一、直接调用C++库第一步:动态库生成(vs2017+qt5.12.10)第二步:Java调用C++

springboot security使用jwt认证方式

《springbootsecurity使用jwt认证方式》:本文主要介绍springbootsecurity使用jwt认证方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录前言代码示例依赖定义mapper定义用户信息的实体beansecurity相关的类提供登录接口测试提供一

在C#中调用Python代码的两种实现方式

《在C#中调用Python代码的两种实现方式》:本文主要介绍在C#中调用Python代码的两种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#调用python代码的方式1. 使用 Python.NET2. 使用外部进程调用 Python 脚本总结C#调

Linux上设置Ollama服务配置(常用环境变量)

《Linux上设置Ollama服务配置(常用环境变量)》本文主要介绍了Linux上设置Ollama服务配置(常用环境变量),Ollama提供了多种环境变量供配置,如调试模式、模型目录等,下面就来介绍一... 目录在 linux 上设置环境变量配置 OllamPOgxSRJfa手动安装安装特定版本查看日志在

SpringCloud之LoadBalancer负载均衡服务调用过程

《SpringCloud之LoadBalancer负载均衡服务调用过程》:本文主要介绍SpringCloud之LoadBalancer负载均衡服务调用过程,具有很好的参考价值,希望对大家有所帮助,... 目录前言一、LoadBalancer是什么?二、使用步骤1、启动consul2、客户端加入依赖3、以服务