微信账号登陆小程序
<p>我们先要实现这个支付流程，首先必须要做的是，给小程序实现微信登陆的功能。大家回顾一下第一幅时序图，也就是创建支付订单的那副时序图。首先由小程序发起请求给商户系统，让商户系统申请创建支付订单。各位同学你仔细想一想，如果是POSTMAN软件，或者HTTPClient这样的客户端程序，模拟小程序发出请求，他们根本都不是真实的用户，而且也没有登陆小程序，所以商户系统必须要加以判断。</p>
<p>其实想要判断到底是不是真实的用户发来的请求，我们只需要判断两样东西即可。一个是OpenID，另一个是Token字符串。用户在手机上用微信账号登陆小程序的时候，会产生一个唯一的OpenID值，商户系统会记录下这个OpenID值。如果商户系统接收到的请求里面没有OpenID值，或者OpenID值跟数据库里面的对不上，就说明这不是一个合法的用户。那么商户系统就不用理会这个请求。仅仅OpenID能核对上还不行，我还要看看发起请求的用户是不是已经登陆了小程序。只有用户登陆小程序之后，才可以证明是本人下单支付，所以商户系统必须要判断用户到底有没有登陆小程序。因为我们搭建的renren-fast后端项目，整合了Shiro和JWT技术，所以成功登陆小程序的用户，renren-fast后端系统都会返回一个Token字符串。小程序每次发起请求的时候都要带上这个令牌字符串，告诉renren-fast后端系统，我现在已经登陆了。当然了，后端系统也要验证这个Token字符串是否有效，以及过没过期。</p>
<h2>UNI-APP登陆接口</h2>
<p>uni.login(OBJECT)</p>
<table>
<thead>
<tr>
<th style="text-align: center;">App</th>
<th style="text-align: center;">H5</th>
<th style="text-align: center;">微信小程序</th>
<th style="text-align: center;">支付宝小程序</th>
<th style="text-align: center;">百度小程序</th>
<th style="text-align: center;">字节跳动小程序</th>
<th style="text-align: center;">QQ小程序</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">√</td>
<td style="text-align: center;">x</td>
<td style="text-align: center;">√</td>
<td style="text-align: center;">√</td>
<td style="text-align: center;">√</td>
<td style="text-align: center;">√</td>
<td style="text-align: center;">√</td>
</tr>
</tbody>
</table>
<pre><code>uni.login({
provider: 'weixin',
success: function (loginRes) {
console.log(loginRes.authResult);
}
});</code></pre>
<h3>微信小程序代码</h3>
<pre><code>uni.getUserInfo({
success:function(resp){
// console.log(resp)
let nickname=resp.userInfo.nickName
let avatarUrl=resp.userInfo.avatarUrl
uni.request({
url:that.url.wx.login,
method:"POST",
data:{
"code":code,
"nickname":nickname,
"photo":avatarUrl
},
success:function(resp){
console.log(resp)
let token=resp.data.token
let expire=resp.data.expire
// uni.setStorageSync("token",token)
// uni.setStorageSync("expire",expire)
uni.switchTab({
url:"../index/index"
})
}
})
}
})</code></pre>
<h3>后端Java代码</h3>
<ol>
<li>编写application.yml文件
<pre><code class="language-yml">application:
wxpay:
app-id: wx4cb8e*********
app-secret: 27b1f2997***************
mch-id: 1526******
key: qv9Kihy***********
cert-path: F:/apiclient_cert.p12</code></pre></li>
<li>
<p>创建WxLoginForm.java</p>
<pre><code class="language-java">@Data
@ApiModel(value = "微信登录表单")
public class WxLoginForm {
@ApiModelProperty(value = "临时登陆凭证")
@NotBlank(message="临时登陆凭证不能为空")
private String code;
@ApiModelProperty(value = "昵称")
@NotBlank(message="昵称不能为空")
private String nickname;
@ApiModelProperty(value = "头像URL")
@NotBlank(message="头像URL不能为空")
private String photo;
}</code></pre>
</li>
<li>
<p>创建WxCtroller.java</p>
<pre><code class="language-java">@RestController
@RequestMapping("/app/wx")
@Api("微信业务接口")
public class WxController {
@Value("${application.wxpay.app-id}")
private String appId;
@Value("${application.wxpay.app-secret}")
private String appSecret;
@Value("${application.wxpay.key}")
private String key;
@Value("${application.wxpay.mch-id}")
private String mchId;
@Autowired
private UserService userService;
@Autowired
private OrderService orderService;
@Autowired
private JwtUtils jwtUtils;
@Autowired
private MyWXPayConfig myWXPayConfig;
@PostMapping("login")
@ApiOperation("登录")
public R login(@RequestBody WxLoginForm form) {
//表单校验
ValidatorUtils.validateEntity(form);
String url = "https://api.weixin.qq.com/sns/jscode2session";
HashMap map = new HashMap();
map.put("appid", appId);
map.put("secret", appSecret);
map.put("js_code", form.getCode());
map.put("grant_type", "authorization_code");
String response = HttpUtil.post(url, map);
JSONObject json = JSONUtil.parseObj(response);
String openId = json.getStr("openid");
if (openId == null || openId.length() == 0) {
return R.error("临时登陆凭证错误");
}
UserEntity user = new UserEntity();
user.setOpenId(openId);
QueryWrapper wrapper = new QueryWrapper(user);
int count = userService.count(wrapper);
if (count == 0) {
user.setNickname(form.getNickname());
user.setPhoto(form.getPhoto());
user.setType(2);
user.setCreateTime(new Date());
userService.save(user);
}
user = new UserEntity();
user.setOpenId(openId);
wrapper = new QueryWrapper(user);
user = userService.getOne(wrapper);
long id = user.getUserId();
String token = jwtUtils.generateToken(id);
Map<String, Object> result = new HashMap<>();
result.put("token", token);
result.put("expire", jwtUtils.getExpire());
return R.ok(result);
}
}</code></pre>
</li>
</ol>