微信小程序的登录逻辑
2022/2/16 17:11:37
本文主要是介绍微信小程序的登录逻辑,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
微信小程序的登录逻辑:
1、调用wx.login获取微信code
2、将code、授权登录参数(标识不同的小程序)传给后端获取openid,unionid,customerTel。存储openid支付时使用。
包括用户在当前小程序的唯一标识(openid)、微信开放平台帐号下的唯一标识(unionid,若当前小程序已绑定到微信开放平台帐号)及本次登录的会话密钥(session_key)等。
3、选择微信授权登录,不同用户情况分类:
1)、返回了customerTel:后端根据unionid查询到有绑定关系的customerTel返回给前端(可判断为注册过的老用户),前端再调用登录接口获取token,存储token,实现静默登录。 2)、 未返回customerTel: 后端根据unionid查询到没有绑定的customerTel(无法判断是新用户还是老用户) 点击微信一键登录按钮,拉起手机号授权弹窗,如果用户允许授权,获取信息发给后端解密出手机号 前端再调用登录接口获取token,存储token,实现授权登录 4、 选择验证码登录,跳转新页面 输入手机号、验证码。首次登录执行注册+登录 wx.login({ success: (res) => { api .getUnionId({ code: res.code, wxType: env.wxType, }) .then((res) => { app.globalData.openId = res.responseData.openId; //微信支付需要使用openid app.storage.setData("openID", res.responseData.openId); this.data.openId = res.responseData.openId; this.data.unionId = res.responseData.unionId; this.setData({ hideLoading: true, }); if (res.responseData.customerTel) { if (!app.globalData.isNewCustomer) { //标识新用户,'10'新用户,'20'老用户 app.globalData.isNewCustomer = "20"; } this.data.customerTel = res.responseData.customerTel; } else { if (!app.globalData.isNewCustomer) { //标识新用户,'10'新用户,'20'老用户 app.globalData.isNewCustomer = "10"; } } }) .catch((error) => { this.setData({ hideLoading: true, }); }); }, });这篇关于微信小程序的登录逻辑的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-13微信小程序如何封装接口域名?-icode9专业技术文章分享
- 2024-11-13如何在微信小程序中实现直传功能?-icode9专业技术文章分享
- 2024-11-13如何在小程序的地图组件中添加标记和文字?-icode9专业技术文章分享
- 2024-11-13在微信小程序的地图组件中如何实现自定义标记和气泡?-icode9专业技术文章分享
- 2024-11-01微信小程序教程:零基础入门到实战
- 2024-11-01微信小程序全栈教程:从入门到实践
- 2024-10-31微信小程序怎么实现关注公众号功能-icode9专业技术文章分享
- 2024-10-30微信小程序cover-view,支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序的cover-image支持bindtap吗-icode9专业技术文章分享
- 2024-10-30微信小程序web-view怎么设置高度?-icode9专业技术文章分享