微信小程序登录功能实现及讲解（获取用户唯一标识）附源码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了微信小程序登录功能实现及讲解（获取用户唯一标识）附源码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1275字，纯文字阅读大概需要2分钟。

内容图文

功能：登录实现并获取到用户唯一标识

实现步骤：1.调用微信API wx.login()得到code  2.把得到的code传给后端，在后端请求

https://api.weixin.qq.com/sns/jscode2session

3.后端把得到的用户唯一标识（openid）传给前端并在前端保存

接下来就直接把完整的流程写出来了，不再拆分。

小程序端代码：

wx.login({
              success: function (res) {
                if (res.code) {
                  let url = config.HTTP_URL + '/v1/user/login'
                  let data = {
                    code: res.code
                  }
                  util.request(url, 'post', data, '正在加载数据', function (res) {
                    console.log('登录接口返回结果：' + JSON.stringify(res.data))
                    if (res.data.openid){
                        wx.setStorageSync('openid', res.data.openid)
                      }
                    }
                  })
                }
              }
            })

服务器操作说明：获取code请求微信小程序官方接口

接口地址：

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

请求参数：

参数	必填	说明
appid	是	小程序唯一标识
secret	是	小程序的 app secret
js_code	是	登录时获取的 code
grant_type	是	填写为 authorization_code

 

返回参数：

参数	说明
openid	用户唯一标识
session_key	会话密钥
unionid	用户在开放平台的唯一标识符。本字段在满足一定条件的情况下才返回。具体参看UnionID机制说明

返回说明：

//正常返回的JSON数据包
{
      "openid": "OPENID",
      "session_key": "SESSIONKEY",
      "unionid": "UNIONID"
}
//错误时返回JSON数据包(示例为Code无效)
{
    "errcode": 40029,
    "errmsg": "invalid code"
}

这样就可以了~

内容总结

以上是互联网集市为您收集整理的微信小程序登录功能实现及讲解（获取用户唯一标识）附源码全部内容，希望文章能够帮你解决微信小程序登录功能实现及讲解（获取用户唯一标识）附源码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---