HarmonyOS NEXT 模拟登录页，华为账号一键登录

import { authentication } from '@kit.AccountKit';import { hilog } from '@kit.PerformanceAnalysisKit';import { util } from '@kit.ArkTS';import { BusinessError } from '@kit.BasicServicesKit';
//自定义import { Mine_SystemItem_Type,CommonConstants } from "../common/CommonConstant"
@Entry@Componentstruct Index06 {  @State tabMineItem:Mine_SystemItem_Type[] = CommonConstants.MINE_SYSTEM_ITEM_LIST  @State isLogin: boolean = false  @State userImg: string|Resource|undefined = $r("app.media.app_icon") // 登录头像  @State userName: string|undefined = '昵称001' // 用户昵称  @State btnTitle: string = '华为账号一键登录' // 用户昵称
  getHuaWeiAccount(){    // 创建授权请求，并设置参数    let authRequest = new authentication.HuaweiIDProvider().createAuthorizationWithHuaweiIDRequest();    // 获取头像昵称需要传如下scope    authRequest.scopes = ['profile','phone'];    // 若开发者需要进行服务端开发，则需传如下permission获取authorizationCode    authRequest.permissions = ['serviceauthcode'];    // 用户是否需要登录授权，该值为true且用户未登录或未授权时，会拉起用户登录或授权页面    authRequest.forceAuthorization = true;    // 用于防跨站点请求伪造。    authRequest.state = util.generateRandomUUID();    // 执行授权请求    try {      let controller = new authentication.AuthenticationController(getContext(this));      controller.executeRequest(authRequest).then((data) => {        let authorizationWithHuaweiIDResponse = data as authentication.AuthorizationWithHuaweiIDResponse;        let state = authorizationWithHuaweiIDResponse.state;        if (state != undefined && authRequest.state != state) {          hilog.error(0x0000, 'testTag', `Failed to authorize. The state is different, response state: ${state}`);          return;        }        hilog.info(0x0000, 'testTag', 'Succeeded in authentication: %{public}s',          JSON.stringify(authorizationWithHuaweiIDResponse));        this.isLogin = !this.isLogin        this.btnTitle = '退出'        this.userImg = authorizationWithHuaweiIDResponse.data!.avatarUri;        this.userName = authorizationWithHuaweiIDResponse.data!.nickName;
      }).catch((err: BusinessError) => {        this.dealAllError(err);      });    } catch (error) {      this.dealAllError(error);    }  }  // 错误处理  dealAllError(error: BusinessError): void {    hilog.error(0x0000, 'testTag', `Failed to auth. Code: ${error.code}, message: ${error.message}`);  }
  build() {      Column() {        Column() {          //头像          Column() {            Image(this.userImg)              .objectFit(ImageFit.Cover)              .height(72)              .width(72)              .borderRadius(36)            Row().height(20)
            Text(this.userName).fontSize(16)
          }          .width('90%')          .borderRadius(12)          .alignItems(HorizontalAlign.Center)          .justifyContent(FlexAlign.Center)          .backgroundColor(0xFFFFFF)          .shadow({            radius: 10,            color: "#dddddd",            offsetX: 6,            offsetY: 6          })          .margin({ top: 15, bottom: 10 })          .padding({ top: 30, bottom: 30 })        }        .justifyContent(FlexAlign.Start)        .alignItems(HorizontalAlign.Center)
        Button(this.btnTitle)          .width('70%')          .height(30)          .onClick(()=>{            this.getHuaWeiAccount()            // this.isLogin = !this.isLogin            // this.btnTitle = '退出'          })          .margin({ top:10,bottom:20 })
        if (this.isLogin){        Column(){          //功能选项          ForEach(this.tabMineItem,(item:Mine_SystemItem_Type,index:number)=>{            Row(){              Text(item.itemTitle).fontSize(16).fontColor(0x161616)              Blank()              Image($r("app.media.ic_right_back_greyWhite")).width(24).height(24)            }.width('100%')            .height(48)            .padding({left:15,right:10})            .stateStyles({              normal:{.backgroundColor(0xFFFFFF)},              pressed:{.backgroundColor(0xEFEFEF)}            })          },(item:string)=>item)          Row(){            Text('隐私声明').fontSize(16).fontColor(0x161616)            Blank()            Image($r("app.media.ic_right_back_greyWhite")).width(24).height(24)          }.width('100%')          .height(48)          .padding({left:15,right:10})          .stateStyles({            normal:{.backgroundColor(0xFFFFFF)},            pressed:{.backgroundColor(0xEFEFEF)}          })
        }.width('90%')        .justifyContent(FlexAlign.Start)        .alignItems(HorizontalAlign.Center)        .backgroundColor(0xFFFFFF)        .shadow({radius:10,color:"#dddddd",offsetX:6,offsetY:6})        .padding({top:10,bottom:10})        .borderRadius(12)        }
      }.width('100%')    .height('100%')    .justifyContent(FlexAlign.Start)    .backgroundColor(0xEEEEEE)
  }
}