18、账户绑定

18.1、需求介绍

18.1.1、运行汇付宝

1、数据库

hfb.sql

2、程序

hfb

3、数据库配置

application-dev.yml 中修改数据库配置

4、启动程序

端口：9999

18.1.2、参考文档

1、传入参数

参考《汇付宝商户账户技术文档》业务接口3.1参数说明

2、返回结果

参考《汇付宝商户账户技术文档》业务接口3.2返回/通知结果

3、数据接口

参考《汇付宝商户账户技术文档》业务接口3.3账户绑定

18.1.3、账户绑定

18.1.3.1、账户绑定流程

尚融宝应该在网站引导客户在“资金托管平台“开设账户。也就是说投资人和借款人必须在资金托管平台页面上自主开户，与尚融宝建立对应的账户体系。

以后所有的资金操作都会到“资金托管平台”进行，绑定账户流程如图：

18.1.3.2、相关数据库表

18.2、调用汇付宝实现账户创建

18.2.1、准备

18.2.1.1、引入HttpUtils

guigu-common中引入HttpUtils工具类

这个工具类使用了另一个常见的远程连接工具：java.net.HttpURLConnection

18.2.1.2、添加依赖

service-base中添加依赖

<!-- json解析 -->
<dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId>
</dependency>

18.2.1.3、添加辅助类

service-core中添加FormHelper：构建表单工具

service-core中添加HfbConst：常量定义

service-core中添加RequestHelper：签名工具

18.2.1.4、定义UserBindVO

service-core中添加

package com.atguigu.srb.core.pojo.vo;@Data
@ApiModel(description = "账户绑定")
public class UserBindVO {@ApiModelProperty(value = "身份证号")private String idCard;@ApiModelProperty(value = "用户姓名")private String name;@ApiModelProperty(value = "银行类型")private String bankType;@ApiModelProperty(value = "银行卡号")private String bankNo;@ApiModelProperty(value = "手机号")private String mobile;
}

18.2.1.5、创建枚举

service-core中创建包enums，创建枚举UserBindEnum

package com.atguigu.srb.core.enums;@AllArgsConstructor
@Getter
public enum UserBindEnum {NO_BIND(0, "未绑定"),BIND_OK(1, "绑定成功"),BIND_FAIL(-1, "绑定失败"),;private Integer status;private String msg;
}

完整的枚举源代码：资料中 java代码\service-core\enums目录

18.2.2、后端接口实现

18.2.2.1、要动态构建的表单模板

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"><head> </head><body><form name="form" action="远程地址" method="post"><!-- 参数 --><input type="text" name="mobile" value="13900000000" /><input type="text" name="sign" value="123456" /></form><script>document.form.submit()</script></body>
</html>

18.2.2.2、Controller

UserBindController

package com.atguigu.srb.core.controller.api;@Api(tags = "会员账号绑定")
@RestController
@RequestMapping("/api/core/userBind")
@Slf4j
public class UserBindController {@Resourceprivate UserBindService userBindService;@ApiOperation("账户绑定提交数据")@PostMapping("/auth/bind")public R bind(@RequestBody UserBindVO userBindVO, HttpServletRequest request) {String token = request.getHeader("token");Long userId = JwtUtils.getUserId(token);String formStr = userBindService.commitBindUser(userBindVO, userId);return R.ok().data("formStr", formStr);}
}

18.2.2.3、Service

接口：UserBindService

/*** 账户绑定提交到托管平台的数据*/
String commitBindUser(UserBindVO userBindVO, Long userId);

18.2.3、前端整合

pages/user/bind.vue

commitBind() {this.$alert('<div style="size: 18px;color: red;">您即将前往汇付宝绑定账号</div>','前往汇付宝资金托管平台',{dangerouslyUseHTMLString: true,confirmButtonText: '立即前往',callback: (action) => {if (action === 'confirm') {this.$axios.$post('/api/core/userBind/auth/bind', this.userBind).then((response) => {document.write(response.data.formStr)})}},})
},

18.2.4、测试

1、登录

使用借款人账号登录

2、测试

访问 http://127.0.0.1:3000/user/bind

3、结果

尚融宝数据库中创建了user_bind记录

汇付宝数据库中创建了user_bind 和 user_account两条数据记录

18.3、回调接口实现账户绑定

18.3.1、绑定步骤总结

step1：用户在个人中心点击 “立即开通” (http://localhost:3000/user/bind)

step2：尚融宝展示账户绑定页面

step3：用户填写基本信息（注意：身份证必须是尚未开户），点击“开户”按钮

step4：尚融宝后台创建用户绑定信息（新建user_bind记录）

step5：跳转到汇付宝页面（资金托管接口调用）

step6：汇付宝验证用户身份、用户设置交易密码

step7：汇付宝创建绑定账号（新建user_bind和user_account记录）

step8：异步回调：

尚融宝user_bind表更新bind_code字段、status字段

尚融宝user_info表更新 bind_code字段、name字段、idCard字段、bind_status字段

step9：用户点击“返回平台”，返回尚融宝

18.3.2、尚融宝回调接口

18.3.2.1、controller

UserBindController中创建回调方法

@ApiOperation("账户绑定异步回调")
@PostMapping("/notify")
public String notify(HttpServletRequest request) {Map<String, Object> paramMap = RequestHelper.switchMap(request.getParameterMap());log.info("用户账号绑定异步回调：" + JSON.toJSONString(paramMap));//校验签名if(!RequestHelper.isSignEquals(paramMap)) {log.error("用户账号绑定异步回调签名错误：" + JSON.toJSONString(paramMap));return "fail";}//修改绑定状态userBindService.notify(paramMap);return "success";
}

18.3.2.2、service