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

微信小程序开发交流qq群 173683895

承接微信小程序开发。扫码加微信。

正文：

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

官方文档地址：可以先看完我的文章再看官方地址

实现步骤：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"
}

以上就是登录获取openid和会话秘钥的完整流程实现，希望能对你们有所帮助，对微信小程序有兴趣的可以关注我或者加入我的微信小程序开发交流群（173683895）禁止闲扯和广告。

【微信小程序】登录功能实现及讲解（获取用户唯一标识）相关推荐

微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.云函数五.程序流程一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机号码. 但是,因 ...
微信小程序开发笔记进阶篇⑤——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之前）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程六.参考一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
微信小程序开发笔记进阶篇⑥——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之后）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程六.参考一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
微信小程序登录功能的前端设计与实现
导语 | 登录/注册这模块就像个冰山,我们通常以为它就是「输入账号密码,就完成登录了」,但实际下面还有各种需要考虑的问题.作为应用的基础能力,登录/注册的设计需要有足够的健壮性,避免出现全站性阻塞.同 ...
SpringBoot实现微信小程序登录功能
SpringBoot实现微信小程序登录微信小程序登录流程登录流程图前端代码后端代码微信小程序登录流程微信小程序官方文档:微信小程序官方文档第一次学习微信小程序的登录,以前也好奇微信小程序 ...
微信小程序结合腾讯位置服务获取用户所在城市信息
背景实现小程序进去后获取用户当前所在城市,然后显示该城市的数据,并且显示在导航栏和 Tab上. 微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是 ...
【微信小程序腾讯位置服务】获取用户所在城市信息实战
背景实现小程序进去后获取用户当前所在城市,然后显示该城市的数据,并且显示在导航栏和 Tab上. 微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是 ...
微信小程序登录功能实现（通过用户名和密码）
通常我们在登录微信小程序的时候都是通过授权登录,各种博文上已经有了很多案例,这里记录一下自己实际开发过程中,通过用户名和密码请求登录的流程: 1.获取用户在用户名输入框输入的信息 wxml: < ...
记录毕设做小程序的坑（微信小程序体验版wx.request无法获取用户的openid）
毕设想做一个微信小程序,在体验版进行测试时发现,用户登录时不能把用户的信息存储到云数据库中,我当时真的谢了.测试了一下发现是wx.request获取不到openid了,因为我写的是获取到openid之 ...
微信小程序登录功能wx.login
wx.login(object,object) //index.js Page ({data: {openid: null,session_key: null,unionid: null,},onLo ...

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

承接微信小程序开发。扫码加微信。

正文：

【微信小程序】登录功能实现及讲解（获取用户唯一标识）相关推荐

最新文章

热门文章