小程序登录获取信息uni-app
getUserInfo
不推荐使用getUserInfo获取用户信息,预计自2021年4月13日起,getUserInfo将不再弹出弹窗,并直接返回匿名的用户个人信息。
<template>
<view>
<!-- 如果只是展示用户头像昵称,可以使用 <open-data /> 组件 -->
<open-data type="userAvatarUrl"/>
<open-data type="userNickName"/>
<!-- 需要使用 button 来授权登录-->
<button v-if="canIUse" open-type="getUserInfo" @getuserinfo="bindGetUserInfo">授权登录</button>
<view v-else>请升级微信版本</view>
</view>
</template>
<script>
export default {
data() {
return {
canIUse: wx.canIUse('button.open-type.getUserInfo'),
}
},
onLoad() {
uni.getSetting({
success(res) {
if (res.authSetting['scope.userInfo']) {
// 已经授权,可以直接调用 getUserInfo 获取头像昵称
wx.getUserInfo({
success: function (res) {
console.log(res.userInfo)
}
})
}
}
})
},
methods:{
bindGetUserInfo (e) {
console.log(e.detail.userInfo)
}
}
}
</script>
<style lang='scss'></style>
getUserProfile
推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接口获取用户个人信息均需用户确认。
开发者妥善保管用户快速填写的头像昵称,避免重复弹窗。
<template>
<view>
<view v-if="!hasUserInfo">
<button @tap="getUserProfile"> 获取头像昵称 </button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
code:'',
userInfo: {},
hasUserInfo: false,
canIUseGetUserProfile: false,
}
},
onLoad() {
if (uni.getUserProfile) {
this. canIUseGetUserProfile = true
}
},
methods:{
getUserProfile() {
uni.login({
success:(res) =>{
this.code = res.code
uni.setStorageSync('code',res.code)
}
})
uni.getUserProfile({
desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
success: (res) => {
console.log(res)
const {userInfo} = res
this.userInfo = userInfo
// 可以调取后端接口取得openId和token
this.hasUserInfo = true
}
})
}
}
}
</script>
<style lang="scss"></style>
getPhoneNumber
<template>
<view class="userinfo">
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</button>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods:{
async getPhoneNumber(e){
console.log(e.detail)
}
}
}
</script>
<style lang="scss"></style>
本文来自博客园,作者:懒惰ing,转载请注明原文链接:https://www.cnblogs.com/landuo629/p/15920106.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器