微信小程序登陆\code详解

首先在wx.login登陆获取code，官方文档地址：wx.login(Object object) | 微信开放文档

1、wxml 

<button class="wxloginbtn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">微信登录</button>

 2、js

getPhoneNumber(res) {
    wx.login({
        success: res => {
            console.log('code-----',res)
            //返回code后，这里开始调用步骤2的接口
            this.parsingCode(res.code)
        }
    });
}

此处res会返回code

3、code解析 ，通过刚刚获取的code换取

官网文档地址：auth.code2Session | 微信开放文档

//https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code (链接上最后一个参数我这里没有改，就是文档上的grant_type=authorization_code)

parsingCode(code){
    wx.request({
        url:`https://api.weixin.qq.com/sns/jscode2session?appid=自己小程序的appid&secret=自己小程序的secret&js_code=${code}&grant_type=authorization_code`,
        method: "get",
        header: { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'},
        success: (res) => {
            console.log('解析结果---',res)              
        },
        fail:(res)=>{console.log('fail')},
        complete:(res)=> {}
    })
}

appid和secret 在小程序后台可以自行查看 官方后台：微信公众平台

左侧选择 开发——开发管理——右侧选择 开发设置

解析返回值：

        expires_in:凭证有效时间，单位：秒。目前是7200秒之内的值

        openid:用户唯一标识

        session_key:会话密钥

        unionid:用户在开放平台的唯一标识符，若当前小程序已绑定到微信开放平台帐号下会返回

链接上的参数含义以及返回值可详见文档，链接见上；

 

最后附上自己敲的截图