共计 2380 个字符，预计需要花费 6 分钟才能阅读完成。
概述
DevEco Studio 还为您提供多种端云一体化组件。集成端云一体化组件后，您只需进行简略配置即可向利用用户提供登录、领取等泛滥性能。
登录组件
您可应用端云一体化登录组件向利用用户提供登录和登出性能，目前反对帐号密码登录、手机验证码登录、以及邮箱验证码登录。
组件基于 ArkUI 开发，提供登录对话框页面。以后仅反对基于 ArkUI 开发，您可在我的项目中通过 ohpm 包依赖形式引入。
前提条件
- 您的我的项目应用 ArkTS 开发。
- 您已在 AGC 控制台创立我的项目。
- 您已为我的项目开明认证服务并启用相应的认证形式。手机验证码登录需启用“手机号码”认证形式，邮箱验证码登录或帐号密码登录需启用“邮箱地址”认证形式。
集成登录组件
1. 通过 ohpm 包依赖形式引入组件，在“entry/oh-package.json5”文件中新增依赖：
"@ohos/agconnect-auth-component": "^1.0.5"2. 引入组件所需的办法。
import {Login, AuthMode} from "@ohos/agconnect-auth-component";3. 在代码中集成组件。
Column() {
Login({modes: [AuthMode.PASSWORD, AuthMode.PHONE_VERIFY_CODE, AuthMode.MAIL_VERIFY_CODE],
onSuccess: (user) => {
AlertDialog.show({
title: 'authInfo',
message: JSON.stringify(user)
})
}
}){Text('Login').decoration({type: TextDecorationType.Underline});
}
}- 需传入须要开启的认证形式。
- 可自定义组件款式为文字、按钮或图标等，点击后弹出登录弹框。例如：
- 文字款式：
Text('Login').decoration({type: TextDecorationType.Underline});- 按钮款式：
Button('Login').fontColor(Color.White);（可选）自定义登录组件的布局
如您心愿自定义登录组件的外部布局，可按如下步骤集成登录组件：
1. 将引入的登录组件 ets 目录（“entry/oh_modules/@ohos/agconnect-auth-component/src/main/ets”）拖动到主工程的 ets 目录（“entry/src/main/ets”）下。
2. 在弹出的确认框中，确认挪动的目标目录无误后，点击“Refactor”。
目录挪动胜利，如下图所示。
3. 将登录组件的字符串资源代码拷贝至主工程的字符串资源目录文件下。
- 将“entry/oh_modules/@ohos/agconnect-auth-component/src/main/resources/en/element/string.json”文件内容拷贝至“entry/src/main/resources/en_US/element/string.json”文件内。
- 将“entry/oh_modules/@ohos/agconnect-auth-component/src/main/resources/zh/element/string.json”文件内容拷贝至“entry/src/main/resources/zh_CN/element/string.json”文件内。
4. 进入“entry/src/main/ets/ets/components/Login”目录，别离在登录组件各个页面的 build()办法中批改页面布局。
- EmailDialog.ets：邮箱验证码登录页面
- LoginDialog.ets：登录对话框页面，提供多种登录形式
- PasswordDialog.ets：帐号密码登录页面
- PhoneDialog.ets：手机验证码登录页面
- RegisterDialog.ets：注册页面
5. 引入您刚刚自定义的登录组件。
import {Login} from <Login.ets 相对路径 >
import {AuthMode} from <AuthModeEnum.ts 相对路径 >例如，若在“Auth.ets”中引入，代码如下图所示。
那么要想成为一名鸿蒙高级开发，以上知识点是必须要把握的，除此之外，还须要把握一些鸿蒙利用开发相干的一些技术，须要咱们独特去摸索。
为了可能让大家跟上互联网时代的技术迭代，在这里我 特邀了几位行业大佬 整顿出一份最新版的鸿蒙学习晋升材料，有须要的小伙伴自行支付，限时开源，先到先得~~~~
支付以下高清学习路线原图请点击→《鸿蒙根底入门学习指南》纯血鸿蒙 HarmonyOS 根底技能学习路线图
支付以上残缺高清学习路线图，请点击→《鸿蒙全套学习指南》小编本人整顿的局部学习材料（蕴含有高清视频、开发文档、电子书籍等）
以上分享的学习路线都适宜哪些人跟着学习？
- 应届生 / 计算机专业通过学习鸿蒙新兴技术，入行互联网，将来高起点待业。
- 0 根底转行提前布局新方向，抓住风口，自我晋升，取得更多就业机会。
- 技术晋升 / 进阶跳槽倒退瓶颈期，晋升职场竞争力，疾速把握鸿蒙技术，享受蓝海红利。
最初
鸿蒙开发学习是一个系统化的过程，从基础知识的学习到实战技能的锻炼 ，再到对前沿技术的摸索，每一环节都至关重要。 心愿这份教程材料能帮忙您疾速入门并在鸿蒙开发之路上步步攀升，成就一番事业。让咱们一起乘风破浪，拥抱鸿蒙生态的广大将来！
如果你感觉这篇内容对你有帮忙，我想麻烦大家动动小手给我：点赞，转发，有你们的『点赞和评论』，才是我发明的能源。
关注我，同时能够期待后续文章 ing，不定期分享原创常识。
想要获取更多残缺鸿蒙最新 VIP 学习材料，请点击→《鸿蒙 (Harmony OS)开发学习手册》
