如何实现小程序授权登录功能
这篇文章主要介绍“如何实现小程序授权登录功能”，在日常操作中，相信很多人在如何实现小程序授权登录功能问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”如何实现小程序授权登录功能”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
成都创新互联公司专注于湖口企业网站建设,响应式网站开发,购物商城网站建设。湖口网站建设公司,为湖口等地区提供建站服务。全流程按需开发，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务
具体实现主要有以下三个步骤:
调用wx.login() 微信api获取临时登录凭证code，并回传到开发者服务器
调用auth.code2Session 微信api接口，获取用户唯一标识OpenID、 用户在微信开放平台帐号下的唯一标识UnionID和会话密钥session_key
通过步骤2获取的参数进行解密操作，获取用户手机号，头像等特性，并把需要的数据保存到缓存中
步骤实现代码如下：
一、获取临时登录凭证code
由于微信官方修改了getUserInfo接口，现在无法实现一进入微信小程序就会自动弹出授权窗口，所以我们只能通过button按钮让用户手动触发
我们先写一个简单的弹框，用isShow变量控制，isShow取决于步骤3中的缓存信息，当所有步骤都走通，会正确缓存用户信息，此时弹框隐藏，否则弹框都为显示状态
点击按钮时，调用getUserInfo方法，isShow设置为false,同时使用wx.login获取到登录凭证code
getUserInfo:e=>{ this.setData({ isShow:false
})
wx.login({ success: function (res) { let code = res.code // 登录凭证code
}
})
}
二、根据登录凭证code，获取用户登录信息
拿到登录凭证code后，调用auth.code2Session 微信api接口（此处为服务端操作，后端大佬搞定，我们直接调用他给的接口就好）
wx.request({ url: 获取用户信息的auth.code2Session微信api接口, method: 'POST', data:{ code:code//登录凭证code
}, header: { 'content-type': 'application/json;charset=UTF-8'
},
success: function (res) { var userphone= res.data.data //解密手机号
var msg = e.detail.errMsg; var sessionKey = userphone.session_key;//会话密钥
var encryptedData=e.detail.encryptedData; //签名
var unionid = userphone.unionid//唯一标识
var iv= e.detail.iv; //授权成功
if (msg == 'getPhoneNumber:ok') {
wx.checkSession({ success:function(){ //进行请求服务端解密手机号
this.deciyption(sessionKey,encryptedData,iv,unionid);
}
})
}
}
})
}
})
此时大多数用户信息我们已经获取了，但用户手机号，用户头像等信息还处于加密状态，我们需要去解密获取这些参数
三、根据用户信息，解密获取用户手机号
deciyption(sessionKey,encryptedData,iv,unionid){ var that = this;
wx.request({ url: 解密接口, method: 'POST', data: { sessionKey: sessionKey, encryptedData:encryptedData, iv: iv
}, header: { 'content-type': 'application/json;charset=UTF-8'
}, success: function(res) {
let data = res.data if (data.resultCode == 'success') {
wx.setStorageSync('userTel', data.data.phoneNumber);//存储解密后的用户手机号
}else{
wx.showToast({ title: '获取信息失败请重新授权', icon: 'none'
})
that.setData({ isShow:true
})
}
},
fail:function(res) {
wx.showToast({ title: '获取失败请重新授权', icon: 'none'
})
that.setData({ isShow:true
})
}
})
},
到此，关于“如何实现小程序授权登录功能”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！
网站名称：如何实现小程序授权登录功能
标题路径：http://scyanting.com/article/pjjshd.html
