uniapp支付宝小程序，获取用户信息

实现一个使用 UniApp 获取支付宝小程序用户信息，并将这些信息发送到 Java 后端的示例代码。我们将分为前端和后端两个部分来说明。

前端：UniApp 支付宝小程序

首先，确保你已经安装了 UniApp 开发工具，并配置好了支付宝小程序的开发环境。

1. 获取用户信息

在支付宝小程序中，可以使用 my.getAuthCode 和 my.getOpenUserInfo 方法来获取用户信息。以下是一个示例代码：

// pages/index/index.vue
<template>
  <view>
    <button @click="getUserInfo">获取用户信息</button>
  </view>
</template>

<script>
export default {
  methods: {
    getUserInfo() {
      my.getAuthCode({
        scopes: 'auth_user',
        success: (authCodeRes) => {
          const authCode = authCodeRes.authCode;
          // 继续获取用户信息
          my.getOpenUserInfo({
            success: (userInfoRes) => {
              const userInfo = JSON.parse(userInfoRes.response).response;
              console.log('User Info:', userInfo);
              // 将用户信息发送到后端
              this.sendUserInfoToServer(authCode, userInfo);
            },
            fail: (error) => {
              console.error('获取用户信息失败', error);
            }
          });
        },
        fail: (error) => {
          console.error('获取授权码失败', error);
        }
      });
    },
    sendUserInfoToServer(authCode, userInfo) {
      my.request({
        url: 'https://your-backend-server/api/userinfo', // 后端接口地址
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        data: {
          authCode,
          userInfo
        },
        success: (res) => {
          console.log('用户信息发送成功', res);
        },
        fail: (error) => {
          console.error('用户信息发送失败', error);
        }
      });
    }
  }
}
</script>

代码注释

• my.getAuthCode: 获取支付宝小程序用户的授权码，用于后续请求用户信息。
• my.getOpenUserInfo: 获取用户的公开信息。
• sendUserInfoToServer: 将获取的用户信息发送到后端服务器。

后端：Java

假设你使用 Spring Boot 作为后端框架，我们将创建一个简单的控制器来接收并处理前端发送的用户信息。

1. 创建 Spring Boot 项目

首先，创建一个 Spring Boot 项目并添加必要的依赖项：

<!-- pom.xml -->
<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
    </dependency>
</dependencies>

2. 创建控制器

接下来，创建一个控制器来处理前端发送的用户信息：

// src/main/java/com/example/demo/controller/UserInfoController.java
package com.example.demo.controller;

import org.springframework.web.bind.annotation.*;
import org.springframework.http.ResponseEntity;
import java.util.Map;

@RestController
@RequestMapping("/api")
public class UserInfoController {

    @PostMapping("/userinfo")
    public ResponseEntity<String> receiveUserInfo(@RequestBody Map<String, Object> requestBody) {
        String authCode = (String) requestBody.get("authCode");
        Map<String, Object> userInfo = (Map<String, Object>) requestBody.get("userInfo");

        // 处理接收到的用户信息
        System.out.println("Auth Code: " + authCode);
        System.out.println("User Info: " + userInfo);

        // 这里可以将用户信息存储到数据库，或者进行其他业务处理

        return ResponseEntity.ok("用户信息接收成功");
    }
}

代码注释

• @RestController: 标注该类为控制器，并且每个方法都会返回 JSON 格式的响应。
• @RequestMapping("/api"): 设置控制器的根路径为 /api。
• @PostMapping("/userinfo"): 设置接收用户信息的接口路径为 /userinfo，并且只接受 POST 请求。
• @RequestBody Map<String, Object> requestBody: 接收前端发送的 JSON 数据，并转换为 Map 对象。
• System.out.println: 打印接收到的用户信息（在实际应用中，可以将信息存储到数据库或进行其他处理）。