文章目录

1 WeChat小程序登录业务开发
- 1.1 前期准备
- 1.2 微信登录流程
- - 1.2.1 官方参考文档
  - 1.2.2 登录流程时序图
  - 1.2.3 步骤分析
  - 1.2.4 重要方法说明
  - 1.2.5 微信服务接口code2Session接口请求参数说明
  - 1.2.6 请求数据示例
- 1.3 后端业务开发实现
- - 1.3.1 定义相关配置
  - 1.3.2 DTO数据传输对象设计
  - 1.3.3 VO显示层对象设计
  - 1.3.4 Controller 请求控制层
  - 1.3.5 Service（业务）层实现类
  - 1.3.6 Mapper（Dao）数据访问层
  - 1.3.7 XML映射文件
- 1.4 小程序端联调测试

1 WeChat小程序登录业务开发

1.1 前期准备

微信小程序注册账号

获取开发时需要的开发者appid，secret

1.2 微信登录流程

1.2.1 官方参考文档

微信登录官方文档

1.2.2 登录流程时序图

1.2.3 步骤分析

所在方	方法	说明
小程序端	调用wx.login()获取code	code为小程序端用户登录是产生的授权码，生成一次仅能被调用使用一次
小程序端	调用wx.request()发送请求并携带code	请求开发者编写的后端服务器
开发者服务端	通过HttpClient向微信接口服务（第三方微信服务器接口）发送请求	向微信接口服务发送请求时携带`开发者的appid`、`开发者的appsecret`、和`小程序端用户产生的授权码code`
开发者服务端	接收微信接口服务（第三方微信接口）返回的数据`session_key`和`openId`	`session_key`是`会话密钥`、`openId`是`小程序端，微信用户的唯一标识`
开发者服务端	开发者自定义登录态	`生成令牌（token）`和`微信接口服务返回的用户oppenID`等数据给小程序端返回，方便后继操作
小程序端	收到自定义登录态	存储storage（仓库）
小程序端	后继用户小程序通过wx.request()发起业务请求时	携带token
开发者服务端	开发者服务器收到用户发起的请求后，会解析用户请求中携带的token	解析当前登录用户的id
开发者服务端	解析token	当解析通过后继续相关业务逻辑处理，最终返回业务数据

1.2.4 重要方法说明

方法	说明
wx.login() 获取临时登录凭证code	code为小程序端用户登录时产生，生成一次仅能使用一次
auth.code2Session 接口	携带用户登录小程序时产生的`临时登录凭证code`、`开发者的appId`、`开发者的appsecret`，向微信接口服务的`code2Session接口`发送请求，此接口会向开发者服务器返回`小程序用户的唯一凭证oppenId`

1.2.5 微信服务接口code2Session接口请求参数说明

属性	类型	必填	说明
appid	string	是	小程序 appId
secret	string	是	小程序 appSecret
js_code	string	是	登录时获取的 code，可通过wx.login获取
grant_type	string	是	授权类型，此处只需填写 authorization_code

1.2.6 请求数据示例

请求方式：GET

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

1.3 后端业务开发实现

1.3.1 定义相关配置

1.3.1.1 配置微信登录所需配置项

application-dev.yml:

sky:wechat:appid: your appidsecret: your secret

application.yml:

sky:wechat:appid: ${sky.wechat.appid}secret: ${sky.wechat.secret}

1.3.1.2 配置为微信用户生成jwt令牌时使用的配置项

application.yml:

sky:jwt:# 设置jwt签名加密时使用的秘钥admin-secret-key: your key# 设置jwt过期时间admin-ttl: 7200000# 设置前端传递过来的令牌名称admin-token-name: tokenuser-secret-key: your keyuser-ttl: 7200000user-token-name: your token-name

1.3.2 DTO数据传输对象设计

DTO(Data Transfer Object):数据传输对象，Service 或 Manager 向外传输的对象。接收前端传过来的数据


import lombok.Data;import java.io.Serializable;
/*** C端用户登录*/
@Data
public class UserLoginDTO implements Serializable {private String code;
}

1.3.3 VO显示层对象设计

VO(View Object):显示层对象，通常是 Web 向模板渲染引擎层传输的对象。前端显示数据

@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
public class UserLoginVO implements Serializable {private Long id;private String openid;private String token;}

1.3.4 Controller 请求控制层

JWT令牌组成：jwt令牌签名秘钥、令牌过期时间、有效载荷

 /*** 用户登录接口* @param userLoginDTO* @return*/@PostMapping("/login")@ApiOperation("用户登录接口")public Result<UserLoginVO> wxLogin(@RequestBody UserLoginDTO userLoginDTO) {log.info("用户登录相关参数，{}", userLoginDTO);//微信登录User user = userService.wxLogin(userLoginDTO);//为微信用户生成jwt令牌，jwt有什么组成（jwt令牌签名秘钥、令牌过期时间、有效载荷）Map<String, Object> claims = new HashMap<>();String token = JwtUtil.createJWT(jwtProperties.getUserSecretKey(), jwtProperties.getUserTtl(), claims);//token的组成jwt签名秘钥，令牌过期时间，有效载荷//前端传输过来的值相当于set进user实体类UserLoginVO userLoginVO = UserLoginVO.builder().id(user.getId()).openid(user.getOpenid()).token(token).build();return Result.success(userLoginVO);}

1.3.5 Service（业务）层实现类

//微信服务接口地址public static final String WX_LOGIN = "https://api.weixin.qq.com/sns/jscode2session";@Autowiredprivate UserMapper userMapper;@Autowiredprivate WeChatProperties weChatProperties;/*** 调用微信接口服务，获取微信用户的openid* @param code* @return*/public String getOpenid(String code){//调用微信接口服务，获得当前微信用户的openid//HashMap<Object, Object> map = new HashMap<>(); //使用泛型Object,这将导致什么类型的数据都可以传入此集合中，不安全HashMap<String, String> map = new HashMap<>(); //使用泛型Stringmap.put("appid",weChatProperties.getAppid()); //开发者小程序 appIdmap.put("secret",weChatProperties.getSecret()); //开发者小程序 appSecretmap.put("js_code",code);//code为小程序端用户登录时产生，生成一次仅能使用一次map.put("grant_type","authorization_code");String json = HttpClientUtil.doGet(WX_LOGIN,map);//把map集合通过http请求，传给微信接口服务，获取用户微信登录小程序时的用户openid，以进行后继操作JSONObject jsonObject = JSON.parseObject(json);String openid = jsonObject.getString("openid");return openid;}@Overridepublic User wxLogin(UserLoginDTO userLoginDTO) {String openid = getOpenid(userLoginDTO.getCode());//判断openid是否为空，如果为空表示登录失败，抛出业务异常if (openid == null){throw new LoginFailedException(MessageConstant.LOGIN_FAILED);}//判断当前用户是否为新用户User user = userMapper.getByOpenid(openid);//如果是新用户字符完成注册if (user == null){User userBuild = User.builder().openid(openid).createTime(LocalDateTime.now()).build();userMapper.insertNewUser(userBuild);}//返回这个用户对象return user;}

1.3.6 Mapper（Dao）数据访问层

    /*** 判断是否为新用户，当没有查出数据库中对应的用户openId返回null是，说明是新用户* @param openid* @return*/@Select("select * from user where openid = #{openid}")User getByOpenid(String openid);

 /*** 不是新用户自动注册* @param userBuild*/void insertNewUser(User userBuild);

1.3.7 XML映射文件

    <insert id="insertNewUser">insert into user (openid, name, phone, sex, id_number, avatar, create_time)VALUES(#{openid}, #{name},#{phone} ,#{sex}, #{idNumber},#{avatar} , #{createTime})</insert>

1.4 小程序端联调测试

测试成功，结束。

WeChat小程序·微信登录·开发参考文档相关推荐

【微信小程序】基于JavaScript的花店商城小程序微信云开发
[微信小程序]基于JavaScript的花店商城小程序微信云开发用Java Script语言进行一次微信小程序开发文章目录前言一.功能总览二.功能显示 1.搜索框 2.轮播图 3.主题导航栏 ...
Uni-app 小程序微信登录手机号登录
微信小程序微信登录微信手机号登录公众号登陆微信登陆逻辑大致分为3种不过最终目的都是一样的.返回微信的唯一标识,小程序的话只能获取到code.通过JSON Web Token (JWT)生成一 ...
uniCloud开发中，小程序微信登录 nui-id 模块的使用方法
1 . 先来看看官方的讲解先跟文档走,碰到问题,会给解决方案 1 HBuilderX 3.1.0+ 2 插件市场导入uni-id公用模块uni_modules版本,插件市场 uni-id 3 修改公 ...
小程序微信支付开发流程记录
我所在公司需要开发一款商城小程序,里面需要用到微信支付,我负责里面的下单功能,从小程序端到后台的支付流程都是我自己开发的,由于我们组没有人有开发微信支付的经验,只有我有开发过JSAPI的微信支付的经验 ...
移动支付开发：小程序微信支付开发测试
小程序推出邀请测试已经有一个多月,终于申请到一个内部账号,尝试了一把小程序上的微信支付.小程序虽然叫"小",但是个人感觉他的门槛并不低.(/www.zhaoweb.cn) 教育小程 ...
uni-app微信小程序微信登录（获取头像、个性签名等基本信息）
1.思路微信小程序用微信授权登录的思路:官方在线文档 1.前端调用调uni.login() 获取临时登录凭证code ,并将获取的用户信息和code回传到后端: 2.后端调用 auth.code2S ...
微信小程序-微信登录wx.login（Thinkphp后端代码）
流程主要通过微信登录,获取用户的三个信息:user_id(用户id),user_image(用户头像url),user_name(用户昵称). 1.首次登录: 调用wx.login获取code,co ...
SpringBoot整合小程序微信登录功能
一.SpringBoot整合微信登录小程序的使用已经是一个普遍的现象,对于刚学习SpringBoot的我们来说完全的写好一套微信登录的案例有一定的难度,这里结合自己的一些学习经验,把微信登录这一 ...
建材批发小程序微信上线开发
建材批发商城小程序开发.建材商城小程序开发.建材批发商城小程序定制. 为什么建材批发商家需要开发商城小程序? 一.提升商家的曝光度线下的流量竞争是较为激烈,线上平台的发展成为了新的发展选择,通过入住 ...

WeChat小程序·微信登录·开发参考文档

文章目录

1 WeChat小程序登录业务开发

1.1 前期准备

1.2 微信登录流程

1.2.1 官方参考文档

1.2.2 登录流程时序图

1.2.3 步骤分析

1.2.4 重要方法说明

1.2.5 微信服务接口code2Session接口请求参数说明

1.2.6 请求数据示例

1.3 后端业务开发实现

1.3.1 定义相关配置

1.3.2 DTO数据传输对象设计

1.3.3 VO显示层对象设计

1.3.4 Controller 请求控制层

1.3.5 Service（业务）层实现类

1.3.6 Mapper（Dao）数据访问层

1.3.7 XML映射文件

1.4 小程序端联调测试

WeChat小程序·微信登录·开发参考文档相关推荐

最新文章

热门文章