1.先搞懂微信登陆需要什么。
由此可以看出,微信小程序登录需要openids,nickname,avatarUrls。
2.数据获取
nickname和avatarUrls:
其中nickname和avatarUrls可以由,uni-app中的 uni.getUserProfile(OBJECT) 来获得
一下是具体链接:uni.login(OBJECT) | uni-app官网
openids:
而openids需要通过 :
1.uni.login() 获取 临时登录凭证code ,并回传到开发者服务器。
2.在微信公众平台的获取Appid和AppSecret(小程序密钥)
3.调用 auth.code2Session 接口,( auth.code2Session | 微信开放文档)
3.代码贴出
<template>
<view class="">
<button type="default" lang="zh_CN" open-type="getUserInfo" @getuserinfo="getuserinfo">旧登录</button>
<button type="primary" lang="zh_CN" @tap="getUserProfile">新登录</button>
</view>
</template>
<script>
export default {
data() {
return {
code: '',
appid: '**************',
secret: '**************'
}
},
methods: {
//旧登录
getuserinfo(e) {
//console.log(e)
},
//新登录
getUserProfile(e) {
//获取用户数据
uni.getUserProfile({
desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
success: (res) => {
console.log(res);
uni.showLoading({
title: '登录中'
});
//获取code
uni.login({
success: (loginRes) => {
console.log(loginRes);
this.code = loginRes.code
console.log(this.code);
//向后端发送请求,用以获得openids
uni.request({
url: `https://api.weixin.qq.com/sns/jscode2session?appid=${this.appid}&secret=${this.secret}&js_code=${this.code}&grant_type=authorization_code`,
success:(res)=>{
console.log(res.openids);
uni.hideLoading();
}
})
}
})
}
})
}
}
}
</script>
<style>
</style>