ITPub博客

首页 > 架构设计 > 操作系统 > HarmonyOS 6 云开发-用户头像上传云存储

HarmonyOS 6 云开发-用户头像上传云存储

投稿 操作系统 作者:ITPUB鸿蒙小助手 时间:2025-12-04 17:39:44 0 删除 编辑

踏入鸿蒙世界的敲门砖,标志着您在技术征途上的全新起点,提升就业竞争力,获得行业 认可,点亮职业成长先机,快人一步抢占未来应用开发赛道! https://developer.huawei.com/consumer/cn/training/dev-cert-detail/101666948302721398?ha_source=hmosclass-itpub&ha_sourceId=70000033

 

背景

在之前的文章中提到,我们通过Account Kit拿到用户的头像和名称,在 软件开发中,我们需要拿到用户信息,需要把用户ID、名字、头像信息存储到云数据库和云存储中。这篇文章主要讲解怎样子获取用户的头像后,并上传用户头像到云存储的过程。

 

操作流程

l   用户登录软件,使用AGC的认证服务和华为账号登录。

l   使用Account Kit 获取用户的头像和名称。

l   将头像文件从临时链接下载到本地沙箱,再从沙箱中将文件上传到云存储。

l   获取云存储文件链接,修改AGC账户管理的名称和图片链接。

l   测试再次打开自动获取图片地址,并下载头像文件到沙箱中,并展示出来。

 

开发准备

l   开通AGC云存储服务

image-20250728111201128

l   认证服务开启华为账号认证(现在手机号码认证需要自己购买第三方服务的形式),这里需要填写Client ID和Client Secret

image-20250728112434902

l   检查是否已经添加SHA256证书/公钥指纹,没有的时候需要先添加上。

image-20250728145119965

l   在配置完成后,回到项目设置页面,下载配置文件 “agconnect-services.json” ,放置到项目的AppScope/resources/rawfile目录下,如果没有rawfile文件夹,可以手动创建。需要注意,每次AGC项目设置有变动时,都需要重新下载配置文件。

image-20250728112552591

image-20250728112857423

l   配置Client ID,在entry模块的“module.json5”文件中,新增metadata,配置name为client_id,value为AGC中获取的Client ID的值。

image-20250728145509030

image-20250728145620976

配置用户认证 SDK

l   在项目的Terminal中,把地址切换到entry文件夹

image-20250728113837390

l   运行安装SDK命令

image-20250728113931081

l   在Ability的onCreate方法中初始化,主要代码如下展示

image-20250728114312853

使用华为账号登录

登录账号,并完成 云服务 的初始化。登录方式有很多种,这里选择华为账号登录登录创建用户为了方便演示作用。

获取用户头像和名字

详细的参数解析可以查看  【HarmonyOS6 】获取华为用户信息

将头像上传到云存储并获取图片下载地址

将头像上传到云存储的固定文件夹目录中,然后通过StorageBucket.getDownloadURL方法,获取图片的下载路径,下面仅展示关键代码

完整代码

Index.ets

GlobalContext

EntryAbility

结果演示

用户信息和云存储均已开通

image-20250728165056645

image-20250728165124540

操作视频

3333

 

总结

希望这篇文章可以让你更了解云存储的使用,上传图片的操作方式。 ( 转载自CSDN,作者:baobao熊)

 


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70047792/viewspace-3104419/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2021-11-18

  • 博文量
    401
  • 访问量
    296697