鸿蒙开发（NEXT/API 12）【账号密码保存】系统安全

于 2024-10-08 18:26:33 发布
阅读量947 收藏 18
点赞数 21
分类专栏： 鸿蒙开发 文章标签： harmonyos 系统安全 java 鸿蒙系统 鸿蒙 openharmony 安全
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_70748845/article/details/142764610
版权

密码保险箱在应用的登录、注册、修改密码等场景具备自动保存用户名和密码的能力。

保存后的用户名和密码可以在下次登录、修改密码时中自动填充到界面上的对应输入框，用户可以在密码保险箱内对已保存的用户名和密码进行查看，修改，添加备注，删除。

应用界面触发账号密码自动保存时，若密码保险箱中不存在同应用下的相同账号，则弹出账号密码保存提示框，用户点击“保存密码”按钮，即可将本次使用的账号和密码保存至密码保险箱。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

应用触发账号登录或注册时，均可触发保存功能，下面分别介绍两种布局的标准适配场景。

触发条件及注意事项：

  1. 已设置锁屏密码并且开启密码保险箱自动保存和填入账号和密码开关。

  2. 界面中TextInput输入框组件的enableAutoFill属性的值应为true（默认为true）。

  3. 密码保险箱的自动保存功能只适用用户名和密码保存场景，在界面中必须同时存在用户名和密码的TextInput输入框组件。

    用户名输入框应设置type属性为InputType.USER_NAME。

    密码输入框应设置type属性为InputType.password或InputType.NEW_PASSWORD。

    其中，InputType.password表示普通密码输入框，适用于登录界面的密码和修改密码界面的旧密码，

    InputType.NEW_PASSWORD表示新密码输入框，适用于注册界面和修改密码界面的新密码。

  4. 用户名和密码输入框中需要输入内容，不能为空也不能超长。用户名长度不能超过128字符，密码长度不能超过256字符。

  5. 页面跳转时触发保存功能。

  6. 在只有type为InputType.USER_NAME和InputType.password的两个TextInput组件时，如果使用[账号密码填充-修改密码]自动填充了用户名和密码并没有修改，则不会触发保存和更新功能。

账号密码登录

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

示例代码如下：

import router from '@ohos.router';

@Entry
@Component
struct LoginPage {
  @State ReserveAccount: string = '';
  @State ReservePassword: string = '';
  private length: number = 0;

  onBackPress() {
    router.back();
    return true;
  }

  build() {
    Column() {
      Text("账户登录")
        .fontSize(24)
        .fontColor('#000000')
        .fontWeight(FontWeight.Medium)
        .textAlign(TextAlign.Start)
        .width('100%')
        .margin({ top: 18 })

      TextInput({ placeholder: '用户名' })
        .opacity(0.6)
        .type(InputType.USER_NAME)
        .placeholderColor(0x182431)
        .width('100%')
        .placeholderFont({ size: 16, weight: FontWeight.Regular })
        .margin({ top: 32, bottom: 8 })
        .onChange((value: string) => {
          this.ReserveAccount = value;
          this.length = value.length;
        })
        .caretPosition(this.length)

      TextInput({ placeholder: '密码' })
        .type(InputType.Password)
        .placeholderColor(0x182431)
        .width('100%')
        .opacity(0.6)
        .showPasswordIcon(true)
        .placeholderFont({ size: 16, weight: FontWeight.Regular })
        .onChange((value: string) => {
          this.ReservePassword = value;
        })
        .margin({ bottom: 36 })

      Button('登录', { type: ButtonType.Capsule, stateEffect: false })
        .borderRadius(20)
        .width('100%')
        .height(40)
        .enabled((this.ReserveAccount !== '') && (this.ReservePassword !== ''))
        .onClick(() => {
          router.pushUrl({
            url: 'pages/Index', //此处pages/Index为跳转界面地址，请自行修改
            params: {
              src: '账户登录'
            }
          }, (err) => {
            if (err) {
              console.error(`Invoke pushUrl failed, code is ${err.code}, message is ${err.message}`);
              return;
            }
            console.info('Invoke pushUrl succeeded.');
          })
        })
    }
    .padding({ left: 24, right: 24 })
    .height('100%')
    .width('100%')
  }
}

账号密码注册

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

示例代码如下：

import router from '@ohos.router';

@Entry
@Component
struct RegisterPage {
  @State ReserveAccount: string = '';
  @State ReservePassword: string = '';
  @State enAbleAutoFill: boolean = true;
  private length: number = 0;

  onBackPress() {
    this.enAbleAutoFill = false;
    router.back();
    return true;
  }

  aboutToAppear() {

  }

  build() {
    Column() {
      Text('注册账号')
        .fontSize(24)
        .fontColor('#000000')
        .fontWeight(FontWeight.Medium)
        .textAlign(TextAlign.Center)
        .width('100%')
        .margin({ top: 18})

      TextInput({ placeholder: '用户名' })
        .opacity(0.6)
        .type(InputType.USER_NAME)
        .placeholderColor(0x182431)
        .width('100%')
        .placeholderFont({ size: 16, weight: FontWeight.Regular })
        .margin({ top: 32, bottom: 8 })
        .onChange((value: string) => {
          this.ReserveAccount = value;
          this.length = value.length;
        })
        .caretPosition(this.length)

      TextInput({ placeholder: '新密码' })
        .enableAutoFill(this.enAbleAutoFill)
        .type(InputType.NEW_PASSWORD)
        .passwordRules('begin:[upper],special:[yes],len:[maxlen:32,minlen:12]')
        .placeholderColor(0x182431)
        .width('100%')
        .opacity(0.6)
        .showPasswordIcon(true)
        .placeholderFont({ size: 16, weight: FontWeight.Regular })
        .onChange((value: string) => {
          this.ReservePassword = value;
        })
        .margin({ bottom: 36 })

      Button('页面跳转', { type: ButtonType.Capsule, stateEffect: false })
        .borderRadius(20)
        .width('80%')
        .height(40)
        .margin({ top: 24 })
        .enabled((this.ReserveAccount !== '') && (this.ReservePassword !== ''))
        .onClick(() => {
          router.pushUrl({
            url: 'pages/Index', //此处pages/Index为跳转界面地址，请自行修改
            params: {
              src: '注册账号'
            }
          }, (err) => {
            if (err) {
              console.error(`Invoke pushUrl failed, code is ${err.code}, message is ${err.message}`);
              return;
            }
            console.info('Invoke pushUrl succeeded.');
          })
        })

      Button('页面跳转(跳转前关闭autofill）', { type: ButtonType.Capsule, stateEffect: false })
        .borderRadius(20)
        .width('80%')
        .height(40)
        .margin({ top: 24 })
        .enabled((this.ReserveAccount !== '') && (this.ReservePassword !== ''))
        .onClick(() => {
          this.enAbleAutoFill = false;
          router.pushUrl({
            url: 'pages/Index', //此处pages/Index为跳转界面地址，请自行修改
            params: {
              src: '注册账号'
            }
          }, (err) => {
            if (err) {
              console.error(`Invoke pushUrl failed, code is ${err.code}, message is ${err.message}`);
              return;
            }
            console.info('Invoke pushUrl succeeded.');
          })
        })
    }
  }
}

最后呢

很多开发朋友不知道需要学习那些鸿蒙技术？鸿蒙开发岗位需要掌握那些核心技术点？为此鸿蒙的开发学习必须要系统性的进行。

而网上有关鸿蒙的开发资料非常的少，假如你想学好鸿蒙的应用开发与系统底层开发。你可以参考这份资料，少走很多弯路，节省没必要的麻烦。由两位前阿里高级研发工程师联合打造的《鸿蒙NEXT星河版OpenHarmony开发文档》里面内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（Harmony NEXT）技术知识点

如果你是一名Android、Java、前端等等开发人员，想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。下面是鸿蒙开发的学习路线图。

在这里插入图片描述

针对鸿蒙成长路线打造的鸿蒙学习文档。话不多说，我们直接看详细鸿蒙（OpenHarmony ）手册（共计1236页）与鸿蒙（OpenHarmony ）开发入门视频，帮助大家在技术的道路上更进一步。

  • 《鸿蒙 (OpenHarmony)开发学习视频》
  • 《鸿蒙生态应用开发V2.0白皮书》
  • 《鸿蒙 (OpenHarmony)开发基础到实战手册》
  • OpenHarmony北向、南向开发环境搭建
  • 《鸿蒙开发基础》
  • 《鸿蒙开发进阶》
  • 《鸿蒙开发实战》

在这里插入图片描述

总结

鸿蒙—作为国家主力推送的国产操作系统。部分的高校已经取消了安卓课程，从而开设鸿蒙课程；企业纷纷跟进启动了鸿蒙研发。

并且鸿蒙是完全具备无与伦比的机遇和潜力的；预计到年底将有 5,000 款的应用完成原生鸿蒙开发，未来将会支持 50 万款的应用。那么这么多的应用需要开发，也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长，学习鸿蒙势在必行！ 自↓↓↓拿
1

从零开始的HarmonyOS Next开发指南：打造HarmonyOS NEXT元服务
一键难忘的博客
05-26 5886
DevEco Studio 4.0是一个集成开发环境（IDE），专门为开发者提供一站式的HarmonyOS应用和服务开发支持。以下是DevEco Studio 4.0的一些主要特点：高效智能代码编辑：支持多种语言，如ArkTS、JavaScript、C/C++等，提供代码高亮、智能补齐、错误检查、自动跳转、格式化、查找等功能，以提升代码编写的效率。低代码可视化开发：拥有丰富的UI界面编辑能力，支持自由拖拽组件和可视化数据绑定，能够快速预览效果，所见即所得。
HarmonyOS云开发基础认证考试满分答案（100分）【全网最全-不断更新】
热门推荐
一键难忘的博客
12-17 1万+
HarmonyOS云开发基础认证考试满分答案（100分）【全网最全-不断更新】【鸿蒙专栏-29】
鸿蒙硬件开发：Hi3861开发环境搭建及Windows下编译下载程序
unclejin_的博客
05-10 7680
Windows开发环境准备 可参考官方文档Windows开发环境准备进行配置。 安装VS Code https://code.visualstudio.com/Download 安装Python https://www.python.org/downloads/ 一定要下载3.7.4-3.8.x 64位版本，否则之后安装DevEco Device Tool插件是会出错。 安装Node.js https://nodejs.org/zh-cn/download/ 一定要下载v12.0.0及以上 64位版本，原
鸿蒙仓颉语言【cryptocj 库】（介绍与SHA、MD5、HMAC摘要算法）
鸿蒙的技术博客
07-24 1290
cryptocj 是一个安全的密码库，包括常用的密码算法、常用的密钥生成和签名验证。 该库是对 C 语言的 openSSL 封装的仓颉加密算法
剪贴板服务
Android人生
09-10 1549
在main.xml中：       xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:orientation="vertical"  
HarmonyOS实战开发-相机开发指导、拍照实现方案(ArkTS)
m0_70749039的博客
05-13 738
当前示例提供完整的拍照流程介绍，方便开发者了解完整的接口调用顺序。
鸿蒙开发（NEXT/API 12）【硬件（接入手写套件）】手写功能开发
最新发布
鸿蒙的技术博客
09-27 360
接入手写套件后，可以在应用中创建手写功能界面。界面包括手写画布和笔刷工具栏两部分，手写画布部分支持手写笔和手指的书写效果绘制，笔刷工具栏部分提供多种笔刷和编辑工具，并支持对手写功能进行设置。接入手写套件后将自动开启一笔成形和报点预测功能，无需再单独接入。
HarmonyOS Next应用开发案例大全-(持续更新中……)(1)
2401_84181911的博客
04-11 1480
前者的优点在于使用简单，但是在大文件场景下，内存占用较高，影响应用性能；在应用开发中，我们通常需要使用相同功能和样式的ArkUI组件，例如购物页面中会使用相同样式的Button按钮、Text显示文字，我们常用的方法是抽取公共样式或者封装成一个自定义组件到公共组件库中以减少冗余代码。本示例提供组件实例在页面间共享的解决方案：通过Stack容器，下层放地图组件，上层放Navigation组件来管理页面，页面可以共享下层的地图组件，页面中需要显示地图的区域设置为透明，并参考触摸交互控制，设置事件透传及响应区域。
鸿蒙应用ArkTS开发-实现登录注册功能
lovecspplon的博客
09-04 1638
HarmonyOS（鸿蒙操作系统）是华为公司开发的操作系统。它的设计初衷是为了应对当今多设备、多平台（1+8+N）的需求，为各种类型的设备提供一个统一的操作系统。：应用的全局配置信息，详见app.json5配置文件。entry：HarmonyOS工程模块，编译构建生成一个HAP包。：用于存放ArkTS源码。：应用/服务的入口。：应用提供扩展的备份恢复能力。：应用/服务包含的页面。：用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。关于资源文件，详见资源分类与访问。
HarmonyOS桌面端应用开发技术深入解析
HarmonyOS（鸿蒙操作系统）是由华为推出的一种全场景分布式操作系统。它旨在实现不同设备之间的无缝连接和协同工作，为用户提供一致的体验。HarmonyOS采用了微内核架构，可以灵活适配各种不同的设备，包括手机、平板...
鸿蒙媒体开发系列05——音频并发播放管理与音量管理
harmonyClassRoom的博客
09-19 1293
如果你也对鸿蒙开发感兴趣，加入“Harmony自习室”吧！扫描下方名片，关注公众号，公众号更新更快，同时也有更多学习资料和技术讨论群。多音频并发，即多个音频流同时播放。此场景下，如果系统不加管控，会造成多个音频流混音播放，容易让用户感到嘈杂，造成不好的用户体验。为了解决多个音频同时播放导致的混音混乱问题，系统预设了音频打断策略，对多音频播放的并发进行管控，只有持有音频焦点的音频流才可以正常播放，避免多个音频流无序并发播放的现象出现。当应用开始播放音频时，系统首先为相应的音频流申请音频焦点，获得焦点的音频流可
鸿蒙 使用 Emitter 精准刷新
Dev Blog
08-29 275
key: value, key为string，value发送事件时传递的数据，支持数据类型包括Array、ArrayBuffer、Boolean、DataView、Date、Error、Map、Number、Object、Primitive（除了symbol）、RegExp、Set、String、TypedArray，数据大小最大为16M。本模块提供了在同一进程不同线程间，或同一进程同一线程内，发送和处理事件的能力，包括持续订阅事件、单次订阅事件、取消订阅事件，以及发送事件到事件队列的能力。
通过 Web 服务共享 Windows 剪贴板
dianlingju5915的博客
09-24 230
我一直都很希望能够有一种快速而简便的方法，通过简单的复制和粘贴将文本代码段、屏幕快照、甚至文件移动到其他计算机上。如果您对这个话题感兴趣，那么请继续阅读本文。 转载于:https://www.cnblogs.com/oracle10g/articles/1506301.html...
编译器 鲲鹏GCC ，毕昇编译器
hxsln11的博客
08-17 390
通过检索和阅读了解到， 鲲鹏GCC是基于开源GCC升级得到的ARM平台GCC工具， 而毕昇编译器是基于开源LLVM升级得到的编译平台。 两者的优势场景不一样，就如同C语言和Java一样，场景决定选择，不会统一。 尽管两者都是面向编译场景的工具，使用场景也有重合空间，但具体到实际应用中可能会发现，鲲鹏GCC对经典的编译型语言如C/C++/Fortan等的适配更优，而LLVM作为底层虚拟机来实现编译的前端统一，在代码重用上比GCC强，但整体优化上不抵GCC，所以现在问LLVM会不会取代GCC，大概率还是
毕昇编译器异构算子开发基本思想
Deleter357的博客
07-17 255
为了更好的阅读体验，请移步笔者。
鸿蒙开发实战：快速上手【万能卡片】
m0_62167422的博客
03-26 1430
本案例使用HUAWEI DevEco Studio 3.0.0.800，API4-API7都可以体验，由于IDE版本与API不断升级与兼容性等问题，大家练习时可能会遇到一些细节上的差异，整体流程是一致的。1.创建工程项目打开DevEco Studio选择你的Ability 模板，这里我们选择Empty Ability模板，然后点击Next进行下一步。如图1所示。2.配置工程项目配置的项目工程，如图2和图3所示，然后单击Finish创建。
鸿蒙南向开发实战：【智能扫地机】
m0_62167422的博客
04-07 1130
​ 此Demo采用润和的智能小车套件为硬件模型，通过修改代码具备了扫地机器人简易的避障功能及防跌落功能，并且能通过wifi接入数字管家应用场景。智能扫地机不仅能接收数字管家应用下发的指令启动或停止扫地机器人，而且还可以加入到数字管家的日程管理中。通过日程可以设定智能扫地机启动的时间段，使其在特定的时间段内，智能扫地机自动启动或者停止。​ 避障功能原理：通过超声波传感器，传回正前方障碍与智能扫地机的距离信息，配合电机控制，避开障碍物；
【毕昇编译器】编译优化与软硬协同释放鲲鹏澎湃算力 笔记
Jack20的博客
06-30 710
针对不同的场景，不同的应用特点，使用不同的编译优化手段编译优化的代价与收益权衡，需要综合考虑性能收益，代码体积，编译时间，可调试性等多方面因素软硬件结合，通过软件及硬件的协同优化，最大化的发挥硬件算力语言生态构建的持续性，语言标准的不断演进，及新特性支持。
service--剪切板
hi_23
02-25 655
package org.lxh.demo; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.text.ClipboardManager; import android.widget.EditText; public class MyClip
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值