微信小程序登陆\code详解-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序登陆\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

小程序code码是什么,微信小程序学习笔记,微信小程序,小程序,小程序code,小程序unionid,小程序openid

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 在小程序后台可以自行查看官方后台：微信公众平台

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

小程序code码是什么,微信小程序学习笔记,微信小程序,小程序,小程序code,小程序unionid,小程序openid