1
<template>
2
  <view>
3
    <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">手机号登录</button>
4
  </view>
5
</template>
6

7
<script>
8
export default {
9
  methods: {
10
    async getPhoneNumber(e) {
11
      if (e.detail.errMsg === 'getPhoneNumber:ok') {
12
        // 用户点击了允许授权
13
        const { code } = e.detail;
14

15
        // 调用后端登录接口
16
        const res = await uni.request({
17
          url: 'https://your-server.com/api/loginByPhone', // 替换为你的后端地址
18
          method: 'POST',
19
          data: { code },
20
        });
21

22
        if (res.data.success) {
23
          // 登录成功，保存用户信息和 token
24
          uni.setStorageSync('userInfo', res.data.data.user);
25
          uni.setStorageSync('token', res.data.data.token);
26
          uni.showToast({ title: '登录成功', icon: 'success' });
27
          uni.navigateTo({ url: '/pages/home/index' }); // 跳转到首页
28
        } else {
29
          uni.showToast({ title: '登录失败', icon: 'none' });
30
        }
31
      } else {
32
        // 用户点击了拒绝授权
33
        uni.showToast({ title: '用户拒绝授权', icon: 'none' });
34
      }
35
    }
36
  }
37
}
38
</script>

1
<dependency>
2
    <groupId>org.springframework.boot</groupId>
3
    <artifactId>spring-boot-starter-web</artifactId>
4
</dependency>
5
<dependency>
6
    <groupId>org.apache.httpcomponents</groupId>
7
    <artifactId>httpclient</artifactId>
8
</dependency>
9
<dependency>
10
    <groupId>com.fasterxml.jackson.core</groupId>
11
    <artifactId>jackson-databind</artifactId>
12
</dependency>

1
wechat.appid=YOUR_APPID
2
wechat.secret=YOUR_APPSECRET

1
import org.springframework.beans.factory.annotation.Value;
2
import org.springframework.stereotype.Service;
3
import org.apache.http.client.methods.HttpGet;
4
import org.apache.http.client.methods.HttpPost;
5
import org.apache.http.entity.StringEntity;
6
import org.apache.http.impl.client.CloseableHttpClient;
7
import org.apache.http.impl.client.HttpClients;
8
import org.apache.http.util.EntityUtils;
9
import com.fasterxml.jackson.databind.JsonNode;
10
import com.fasterxml.jackson.databind.ObjectMapper;
11

12
@Service
13
public class WechatService {
14

15
    @Value("${wechat.appid}")
16
    private String appid;
17

18
    @Value("${wechat.secret}")
19
    private String secret;
20

21
    private final ObjectMapper objectMapper = new ObjectMapper();
22

23
    // 获取 access_token
24
    public String getAccessToken() throws Exception {
25
        String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" + appid + "&secret=" + secret;
26
        try (CloseableHttpClient httpClient = HttpClients.createDefault()) {
27
            HttpGet request = new HttpGet(url);
28
            String response = EntityUtils.toString(httpClient.execute(request).getEntity());
29
            JsonNode jsonNode = objectMapper.readTree(response);
30
            return jsonNode.get("access_token").asText();
31
        }
32
    }
33

34
    // 获取用户手机号
35
    public String getPhoneNumber(String code) throws Exception {
36
        String accessToken = getAccessToken();
37
        String url = "https://api.weixin.qq.com/wxa/business/getuserphonenumber?access_token=" + accessToken;
38

39
        try (CloseableHttpClient httpClient = HttpClients.createDefault()) {
40
            HttpPost request = new HttpPost(url);
41
            request.setHeader("Content-Type", "application/json");
42
            String jsonBody = "{\"code\":\"" + code + "\"}";
43
            request.setEntity(new StringEntity(jsonBody));
44

45
            String response = EntityUtils.toString(httpClient.execute(request).getEntity());
46
            JsonNode jsonNode = objectMapper.readTree(response);
47
            return jsonNode.path("phone_info").path("phoneNumber").asText();
48
        }
49
    }
50
}

1
import org.springframework.beans.factory.annotation.Autowired;
2
import org.springframework.web.bind.annotation.PostMapping;
3
import org.springframework.web.bind.annotation.RequestBody;
4
import org.springframework.web.bind.annotation.RestController;
5

6
import java.util.ArrayList;
7
import java.util.List;
8

9
@RestController
10
public class LoginController {
11

12
    @Autowired
13
    private WechatService wechatService;
14

15
    @Autowired
16
    private UserService userService;
17

18
    @PostMapping("/api/loginByPhone")
19
    public ApiResponse loginByPhone(@RequestBody LoginRequest request) throws Exception {
20
        String code = request.getCode();
21
        String phoneNumber = wechatService.getPhoneNumber(code);
22

23
        // 查询用户是否存在
24
        User user = userService.findUserByPhoneNumber(phoneNumber);
25
        if (user == null) {
26
            // 如果用户不存在，创建新用户
27
            user = userService.createUser(phoneNumber);
28
        }
29

30
        // 生成 token（这里简单模拟）
31
        String token = "token_" + user.getUserId();
32

33
        // 返回用户信息和 token
34
        return new ApiResponse(true, "登录成功", new LoginResponse(user, token));
35
    }
36
}
37

38
// 用户实体类
39
class User {
40
    private String userId;
41
    private String phoneNumber;
42

43
    // Getters and Setters
44
}
45

46
// 用户服务类
47
@Service
48
class UserService {
49
    private final List<User> users = new ArrayList<>();
50

51
    public User findUserByPhoneNumber(String phoneNumber) {
52
        return users.stream()
53
                .filter(user -> user.getPhoneNumber().equals(phoneNumber))
54
                .findFirst()
55
                .orElse(null);
56
    }
57

58
    public User createUser(String phoneNumber) {
59
        User user = new User();
60
        user.setUserId(String.valueOf(System.currentTimeMillis()));
61
        user.setPhoneNumber(phoneNumber);
62
        users.add(user);
63
        return user;
64
    }
65
}
66

67
// 请求和响应类
68
class LoginRequest {
69
    private String code;
70

71
    // Getters and Setters
72
}
73

74
class LoginResponse {
75
    private User user;
76
    private String token;
77

78
    // Getters and Setters
79
}
80

81
class ApiResponse {
82
    private boolean success;
83
    private String message;
84
    private Object data;
85

86
    // Getters and Setters
87
}