小程序开发 登入与授权手机号码

发布时间 2023-04-10 11:22:05作者: 观心静

前言

  此篇博客讲解小程序的登入功能与绑定手机号码功能

登入功能

登入一般在onLoad生命周期中处理请求

js

    /**
     * 检查登入token
     */
    checkLogin(){
        let token = wx.getStorageSync('token')
        if(token == null){
            wxlogin() 
            return
        }
        wx.checkSession({
            success:function(){
                //无需登入

            },
            fail:function(){
                wxlogin() 
            }
        })
    },
    /**
     * 小程序登入
     */
    wxlogin() {
        wx.login({
            success: function (res) {
                //小程序登入成功
                console.log(res)
                if(res.code){
                    //获取登入凭证,需要后台服务器与微信小程序服务关联
                    wx.request({
                        url: '你的服务器接口地址',
                        data:{
                            code:res.code
                        },
                        success:function(res){
                            //登入成功,取出登入凭证
                            console.log(res)
                            //保存登入token    
                            wx.setStorageSync('token', res.data.token)
                        },
                        fail:function(error){
                            //登入失败,获取登入凭证失败
                            console.log(res)
                        }
                      })
                }
               
            },
            fail: function (error) {
                //小程序登入失败
                console.log(res)
            }
        })
    },

授权获取手机号码

 

 

End