• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 应用帐号管理
2
3### 介绍
4
5本示例选择应用进行注册/登录,并设置帐号相关信息,简要说明应用帐号管理相关功能。效果图如下:
6
7### 效果预览
8
9|主页| 注册页面                                 | 登录页面                              | 账户信息页面|
10|--------------------------------|--------------------------------------|-----------------------------------|------|
11|![](screenshots/device/index.png)| ![](screenshots/device/register.png) | ![](screenshots/device/login.png) |![](screenshots/device/account.png)|
12
13使用说明
14
151.首页面选择想要进入的应用,首次进入该应用需要进行注册,如已注册帐号则直接登录。
16
172.注册页面可设置帐号名、邮箱、个性签名、密码(带*号为必填信息),注册完成后返回登录页面使用注册的帐号进行登录。
18
193.登录后进入帐号详情界面,点击**修改信息**按钮可跳转至帐号信息修改页面重新设置帐号信息。
20
214.点击**切换应用**按钮则退出该帐号并返回首页面。重新选择想要进入的应用。
22
235.点击**删除帐号**按钮则会删除该帐号所有相关信息。
24
25### 工程目录
26```
27entry/src/main/ets/
28|---common
29|   |---AccountInfo.ets                    // 切换应用组件
30|   |---BundleInfo.ets                     // 首页列表组件
31|   |---LoginInfo.ets                      // 登录组件
32|   |---ModifyInfo.ets                     // 修改信息组件
33|   |---NavigationBar.ets                  // 路由跳转组件
34|   |---RegisterInfo.ets                   // 注册组件
35|---entryAbility
36|   |---EntryAbility.ts
37|---model
38|   |---AccountData.ts                     // 数据存储
39|   |---AccountModel.ts                    // 数据管理
40|   |---Logger.ts                          // 日志工具
41|---pages
42|   |---Index.ets                          // 首页
43|   |---Account.ets                        // 切换应用页面
44|   |---Login.ets                          // 登录页面
45|   |---Modify.ets                         // 修改信息页面
46|   |---Register.ets                       // 注册信息页面
47
48```
49
50### 具体实现
51
52* 本示例分为音乐,视频,地图三个模块
53  * 音乐模块
54    * 使用Navigation,Button,Text,TextInput组件开发注册,登录,修改信息和切换应用页面, createAppAccountManager方法创建应用帐号管理器对象
55    * 源码链接:[AccountData.ts](entry/src/main/ets/model/AccountData.ts),[AccountModel.ts](entry/src/main/ets/model/AccountModel.ts)
56    * 接口参考:[@ohos.account.appAccount](https://docs.openharmony.cn/pages/v4.1/zh-cn/application-dev/reference/apis-basic-services-kit/js-apis-appAccount.md),[@ohos.data.preferences](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkdata/js-apis-data-preferences.md),[@ohos.router](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/js-apis-router.md)
57
58  * 视频模块
59    * 使用Navigation,Button,Text,TextInput组件开发注册,登录,修改信息和切换应用页面,createAppAccountManager方法创建应用帐号管理器对象
60    * 源码链接:[AccountData.ts](entry/src/main/ets/model/AccountData.ts),[AccountModel.ts](entry/src/main/ets/model/AccountModel.ts)
61    * 接口参考:[@ohos.account.appAccount](https://docs.openharmony.cn/pages/v4.1/zh-cn/application-dev/reference/apis-basic-services-kit/js-apis-appAccount.md),[@ohos.data.preferences](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkdata/js-apis-data-preferences.md),[@ohos.router](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/js-apis-router.md)
62
63  * 地图模块
64    * 使用Navigation,Button,Text,TextInput组件开发注册,登录,修改信息和切换应用页面,createAppAccountManager方法创建应用帐号管理器对象
65    * 源码链接:[AccountData.ts](entry/src/main/ets/model/AccountData.ts),[AccountModel.ts](entry/src/main/ets/model/AccountModel.ts)
66    * 接口参考:[@ohos.account.appAccount](https://docs.openharmony.cn/pages/v4.1/zh-cn/application-dev/reference/apis-basic-services-kit/js-apis-appAccount.md),[@ohos.data.preferences](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkdata/js-apis-data-preferences.md),[@ohos.router](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/js-apis-router.md)
67
68#### 相关概念
69
70应用帐号管理:本模块不仅用于对应用帐号的添加、删除、查询、修改和授权,且提供帐号将数据写入磁盘和数据同步的能力。
71
72### 相关权限
73
74不涉及。
75
76### 依赖
77
78不涉及。
79
80### 约束与限制
81
821.本示例仅支持在标准系统上运行。
83
842.本示例已适配API version 9版本SDK,版本号:3.2.11.9。
85
863.本示例需要使用DevEco Studio 3.1 Beta2 (Build Version: 3.1.0.400, built on April 7, 2023)及以上版本才可编译运行。
87
88### 下载
89
90如需单独下载本工程,执行如下命令:
91```
92git init
93git config core.sparsecheckout true
94echo code/BasicFeature/Security/AppAccountManager/ > .git/info/sparse-checkout
95git remote add origin https://gitee.com/openharmony/applications_app_samples.git
96git pull origin master
97
98```