文稿四天小程序day04.pdfVIP

登录模块–模拟快捷登录

封装模拟登录调用模拟登录

说明:获取号功能对个人开发者不开放文档

//src/services/login.ts

/**

*小程序登录_内测版(模拟快捷登录)

*@paramphoneNumber模拟号

*/

exportconstpostLoginWxMinSimpleAPI=(phoneNumber:string)={

returnhttp({

method:POST,

url:/login/wxMin/simple,

data:{

phoneNumber,

},

})

}

//src/pages/login/login.vue

button@tap=onGetphonenumberSimple

textclass=iconicon-phone模拟快捷登录/text

/button

//模块快捷登录

constonGetphonenumberSimple=async()={

constres=awaitpostLoginWxMinSimpleAPI()

console.log(res)

uni.showToast({icon:success,title:登录成功})

}

登录模块–保存登录会员信息

类型状态管理成功提示页面跳转

//src/types/member.ts

/**小程序登录登录用户信息*/efineStore(member,()={

exporttypeLoginResult={//会员信息

/**账户名*/constprofile=refLoginResult()

accout:string//保存会员信息，登录时使用

/**头像*/constsetProfile=(val:LoginResult)={

avatar:stringprofile.value=val

/**用户ID*/}

id:number…省略

/**号*/}

mobile:string

/**昵称*///模拟号码快捷登录

nickname:stringconstonGetphonenumberSimple=async