SpringBoot+vue 微信扫码登录

最新推荐文章于 2024-02-27 10:50:11 发布

原创

最新推荐文章于 2024-02-27 10:50:11 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何结合SpringBoot后端和Vue前端，利用微信扫码功能实现登录。首先，通过Ngrok进行本地前端服务外网访问配置；接着，在SpringBoot的Controller中编写处理微信扫码登录的代码；最后，详细说明了如何申请微信小程序测试号以完成扫码登录的设置。

1. 本地安装Ngork，并且运行Ngrok指定前端

2. 在controller类中，编写如下代码：

/**
     * 填写的URL需要正确响应微信发送的Token验证
     *
     * @param request
     * @param response
     */
    @ApiOperation("获取接口配置信息，进行Token验证")
    @ResponseBody
    @RequestMapping(value = "/getAccessToken")
    public void getAccessToken(HttpServletRequest request, HttpServletResponse response) {
        //获取参数配置
        String signature = request.getParameter("signature");
        //获取时间托
        String timestamp = request.getParameter("timestamp");
        String nonce = request.getParameter("nonce");
        //获取echostr 字符
        String echostr   = request.getParameter("echostr");
        //获取token 此token跟需跟微信公众号的token一致；
        String token = "token";
        String str = "";
        // try ---- catch 捕捉异常
        try {
            //判断是否为空
            if (null != signature) {