【小程序】一文读懂微信小程序登录流程及获取手机号

一、小程序的登录流程

首次登录

再次登录的时候，就要判断存储的session_key是否过期了

二、小程序怎么获取手机号

总结

一、小程序的登录流程

首次登录

调用小程序api接口 wx.login() 获取临时登录凭证code ，这个code是有过期时间的.
将这个 code 回传到开发者服务器（就是请求开发者服务器的登录接口，通过凭证进而换取用
户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（session_key）等）
拿到开发者服务器传回来的会话密钥（session_key）之后，前端需要保存起来.

wx.setStorageSync('sessionKey', 'value')

再次登录的时候，就要判断存储的session_key是否过期了

1. 获取缓存中的session_key， wx.getStorageSync('sessionKey')

2. 果缓存中存在session_key，那么调用小程序api接口 wx.checkSession() 来判断登录态是否过期，回调成功说明当前 session_key 未过期，回调失败说明 session_key 已过期。登录态过期后前端需要再调用 wx.login()获取新的用户的code，然后再向开发者服务器发起登录请求.

3. 一般在项目开发，开发者服务器也会对用户的登录态做过期限制，所以这时在判断完微信服务器中登录态如果没有过期之后还要判断开发者服务器的登录态是否过期。（请求开发者服务器给定的接口进行请求判断就好）

二、小程序怎么获取手机号

1. 准备一个 button 组件 , 将 button 组件 open - type 的值设置为 getPhoneNumber ，当用户点击并

同意之后，可以通过 bindgetphonenumber 事件回调获取到动态令牌 code ;

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">button>


Page({ 
    getPhoneNumber (e) { 
            console.log(e.detail.code) 
            } 
    })

2. 接着把 code 传到开发者后台，并在开发者后台调用微信后台提供的

phonenumber.getPhoneNumber 接口，消费 code 来换取用户手机号。每个 code 有效期为 5 分

钟，且只能消费一次。


getPhoneNumber: function (e) { 
     var that = this;
    console.log(e.detail.errMsg == "getPhoneNumber:ok"); 
    if (e.detail.errMsg == "getPhoneNumber:ok") { 
        wx.request({ 
            url: 'http://localhost/index/users/decodePhone',
             data: { encryptedData: e.detail.encryptedData,
             iv: e.detail.iv, 
             sessionKey: that.data.session_key, 
              uid: "", },
             method: "post", 
             success: function (res) {
                 console.log(res);
                 }
              }) 
           }
     }

注： getPhoneNumber 返回的 code 与 wx.login 返回的 code 作用是不一样的，不能混用 .

注：从基础库 2.21.2 开始，对获取手机号的接口进行了安全升级 , 需要用户主动触发才能发起获取

手机号接口，所以该功能不由 API 来调用，需用 button 组件的点击来触发。另外，新版本接口不

再需要提前调用 wx.login 进行登录 .

总结

本篇文章给大家分享了微信小程序开发过程中用户登录及获取手机号的方法。

相关阅读:
PSD95抗体研究丨SYSY PSD95抗体结果图展示
nodejs+vue购物网站设计系统-计算机毕业设计
nginx+Tomcat（反向代理、动静分离、负载均衡）
【VUE】Vue中实现树状表格结构编辑与版本对比的详细技术实现
解决GDAL 写FileGDB的中文属性字段和字段值乱码。
JavaScript技巧总结
Python数据分析实战-根据索引合并两个dataframe
软件测试/测试开发丨为什么接口自动化测试是提升职业技能的关键？
渗透测试之内核安全系列课程：Rootkit技术初探（三）
揭开程序员成功密码，聆听Java开发者分享职业规划心得，开启辉煌职场征程

原文地址：https://blog.csdn.net/m0_61243965/article/details/125669104