使用springboot前端写一个访问wx.login()的实例

首先需要明确，wx.login()是微信小程序的API，不能直接在前端使用，需要在小程序内部调用。如果你需要在前端中与小程序进行交互，可以使用微信小程序提供的开放能力，例如小程序登录、解密用户数据等。

如果你想要使用Spring Boot来实现小程序的登录功能，可以参考以下步骤：

1. 在小程序中调用wx.login()获取code，并将code发送到后端。

2. 在后端中编写一个接口，接收小程序发送的code，并使用code调用微信提供的登录接口，获取session_key和openid。

3. 将session_key和openid保存到后端的数据库中，生成一个自定义的token，并将token返回给小程序。

4. 小程序在后续的请求中携带token，后端可以通过token验证用户身份，并返回对应的数据。

下面是一个简单的实现示例：

1. 在小程序中调用wx.login()获取code，并将code发送到后端。

// 小程序中的代码
wx.login({
  success: function(res) {
    if (res.code) {
      wx.request({
        url: 'https://yourbackend.com/login',
        data: {
          code: res.code
        },
        success: function(res) {
          console.log(res.data)
        }
      })
    } else {
      console.log('登录失败！' + res.errMsg)
    }
  }
})

2. 在后端中编写一个接口，接收小程序发送的code，并使用code调用微信提供的登录接口，获取session_key和openid。

// 后端中的代码
@RestController
public class LoginController {
  @PostMapping("/login")
  public ResponseEntity<String> login(@RequestParam("code") String code) {
    String url = "https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code";
    String appid = "your appid";
    String secret = "your secret";
    url = url.replace("APPID", appid).replace("SECRET", secret).replace("JSCODE", code);
    RestTemplate restTemplate = new RestTemplate();
    ResponseEntity<String> response = restTemplate.getForEntity(url, String.class);
    return response;
  }
}

3. 将session_key和openid保存到后端的数据库中，生成一个自定义的token，并将token返回给小程序。

// 后端中的代码
@RestController
public class LoginController {
  @Autowired
  private UserService userService;

  @PostMapping("/login")
  public ResponseEntity<String> login(@RequestParam("code") String code) {
    String url = "https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code";
    String appid = "your appid";
    String secret = "your secret";
    url = url.replace("APPID", appid).replace("SECRET", secret).replace("JSCODE", code);
    RestTemplate restTemplate = new RestTemplate();
    ResponseEntity<String> response = restTemplate.getForEntity(url, String.class);
    String responseBody = response.getBody();
    JSONObject jsonObject = JSON.parseObject(responseBody);
    String openid = jsonObject.getString("openid");
    String sessionKey = jsonObject.getString("session_key");
    User user = userService.getUserByOpenid(openid);
    if (user == null) {
      user = new User(openid);
      userService.saveUser(user);
    }
    String token = createToken(user.getId(), sessionKey);
    return ResponseEntity.ok(token);
  }

  private String createToken(Long userId, String sessionKey) {
    String token = Jwts.builder()
        .setSubject(userId.toString())
        .claim("sessionKey", sessionKey)
        .setExpiration(new Date(System.currentTimeMillis() + 3600 * 1000))
        .signWith(SignatureAlgorithm.HS512, "your secret key")
        .compact();
    return token;
  }
}

4. 小程序在后续的请求中携带token，后端可以通过token验证用户身份，并返回对应的数据。

// 小程序中的代码
wx.request({
  url: 'https://yourbackend.com/data',
  header: {
    'Authorization': 'Bearer ' + token
  },
  success: function(res) {
    console.log(res.data)
  }
})

// 后端中的代码
@RestController
public class DataController {
  @Autowired
  private DataService dataService;

  @GetMapping("/data")
  public ResponseEntity<List<Data>> getData(@AuthenticationPrincipal Jwt jwt) {
    Long userId = Long.parseLong(jwt.getSubject());
    User user = userService.getUserById(userId);
    String sessionKey = jwt.getClaim("sessionKey").asString();
    List<Data> dataList = dataService.getData(user, sessionKey);
    return ResponseEntity.ok(dataList);
  }
}

以上是一个简单的实现示例，实际应用中还需要考虑很多细节和安全问题，例如token的过期时间、token的加密方式、接口的安全性等等。希望能对你有所帮助。