小程序,微信登陆

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>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值