鸿蒙验证码,鸿蒙认证服务验证码,鸿蒙云存储上传图片

1、在entry / oh-package.json5目录下,增加依赖:

复制代码
 "dependencies": {
    '@hw-agconnect/cloud': "^1.0.0",
    '@hw-agconnect/hmcore':  "^1.0.0",
    '@hw-agconnect/auth-component':  "^1.0.0",
    'long': '^5.2.1'
  }

整体效果

复制代码
{
  "license": "",
  "devDependencies": {},
  "author": "",
  "name": "entry",
  "description": "Please describe the basic information.",
  "main": "",
  "version": "1.0.0",
  "dependencies": {
    '@hw-agconnect/cloud': "^1.0.0",
    '@hw-agconnect/hmcore':  "^1.0.0",
    '@hw-agconnect/auth-component':  "^1.0.0",
    'long': '^5.2.1'
  }
}

​​​​​​​2、初始化、在应用初始化阶段使用context初始化SDK,推荐在EntryAbility的onCreate中进行。

复制代码
  async initSDK(){
    let input = await this.context.resourceManager.getRawFileContent('agconnect-services.json')
    
    let jsonString  = util.TextDecoder.create('utf-8', {
      ignoreBOM: true
    }).decodeWithStream(input, {
      stream: false
    });

    initialize(this.context, JSON.parse(jsonString));
  }

3、在界面中首先导入一个包:

复制代码
import {VerifyCodeAction} from '@hw-agconnect/cloud'

4.1、认证服务,在使用时调用:

复制代码
  sendCode(){
    if (this.checkPhone('17610176666')){
      // cloud
      cloud.auth().requestVerifyCode({
        action:VerifyCodeAction.REGISTER_LOGIN,//注册登录
        lang:'zh_CN',

        sendInterval:60,//多少秒发一次
        verifyCodeType:{
          phoneNumber:'17610176666',
          countryCode:'86',//中国手机号前面+86
          kind:'phone'
        }
      })

    }
  }



  checkPhone(number:string){
    return !!(number&&new RegExp('^1[3-9]\\d{9}$').test(number))
  }

4.2、端云存储上传照片

复制代码
    let file=util.generateRandomUUID()+'.jpg'
    await cloud.storage().upload({
      localPath:'',//本地地址
      cloudPath:file
    })
    // 下载后的地址
    let imgUrl=await cloud.storage().getDownloadURL(file)
相关推荐
小雨下雨的雨4 小时前
Flutter 框架跨平台鸿蒙开发 —— SingleChildScrollView 控件之长内容滚动艺术
flutter·ui·华为·harmonyos·鸿蒙
2501_944521005 小时前
rn_for_openharmony商城项目app实战-商品评价实现
javascript·数据库·react native·react.js·ecmascript·harmonyos
lili-felicity5 小时前
React Native for Harmony 企业级 Grid 宫格组件 完整实现
react native·react.js·harmonyos
小学生波波6 小时前
HarmonyOS6 - 调用第三方接口实现新闻APP
鸿蒙·鸿蒙系统·鸿蒙开发·harmonyos6·鸿蒙app
lili-felicity7 小时前
React Native 鸿蒙跨平台开发:动态表单全场景实现
react native·harmonyos
奋斗的小青年!!7 小时前
Flutter跨平台开发适配OpenHarmony:文件系统操作深度实践
flutter·harmonyos·鸿蒙
奋斗的小青年!!8 小时前
Flutter跨平台开发OpenHarmony应用:个人中心实现
开发语言·前端·flutter·harmonyos·鸿蒙
小学生波波9 小时前
HarmonyOS6 - 运动健身三环展示图页面案例
arkts·鸿蒙·鸿蒙开发·harmonyos6
IT=>小脑虎10 小时前
鸿蒙开发零基础小白学习知识点【基础版·详细版】
学习·华为·harmonyos
2501_9481226310 小时前
React Native for OpenHarmony 实战:Steam 资讯 App 个人中心页面
javascript·react native·react.js·游戏·ecmascript·harmonyos