快捷導航

微信小程序獲取手機號的完整實例(Java后臺實現(xiàn))

更新時間：2022年06月16日 08:54:08 作者：、楽.

我們在做小程序開發(fā)的過程中,經(jīng)常會涉及到用戶身份的問題,最普遍的就是我們要獲取用戶的手機號碼,下面這篇文章主要給大家介紹了關(guān)于微信小程序獲取手機號的完整實例,后臺由Java實現(xiàn),需要的朋友可以參考下

小程序

首先小程序端很簡單，直接調(diào)用API獲取code即可，然后將code作為參數(shù)傳遞給接口。

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

Page({
  getPhoneNumber (e) {
    console.log(e.detail.code)
  }
})

參數(shù)	類型	說明	最低版本
code	String	動態(tài)令牌?？赏ㄟ^動態(tài)令牌換取用戶手機號。使用方法詳情 phonenumber.getPhoneNumber 接口

后端接口

開發(fā)接口的時候需要注意以下幾點：

首先需要獲取一個access_token
access_token是直接跟在url后面的，不需要作為參數(shù)處理
code參數(shù)是json格式的

調(diào)用地址如下：

POST https://api.weixin.qq.com/wxa/business/getuserphonenumber?access_token=ACCESS_TOKEN

請求參數(shù)：

屬性	類型	默認值	必填	說明
access_token / cloudbase_access_token	string		是	接口調(diào)用憑證
code	string		是	手機號獲取憑證

了解了這些之后，我們就可以直接編寫我們的接口了。

@Autowired
private RestTemplate restTemplate;

@PostMapping("/wx/getPhone")
public R getPhone(@RequestParam(value = "code", required = false) String code) {
    // 獲取token
    String token_url = String.format("https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=%s&secret=%s", WXConstant.APPID, WXConstant.SECRET);
    JSONObject token = JSON.parseObject(HttpUtil.get(token_url));
    
    // 使用前端code獲取手機號碼 參數(shù)為json格式
    String url = "https://api.weixin.qq.com/wxa/business/getuserphonenumber?access_token=" + token.getString("access_token");
    Map<String, String> paramMap = new HashMap<>();
    paramMap.put("code", code);
    HttpHeaders headers = new HttpHeaders();
    HttpEntity<Map<String, String>> httpEntity = new HttpEntity<>(paramMap, headers);
    System.out.println(httpEntity);
    ResponseEntity<Object> response = restTemplate.postForEntity(url, httpEntity, Object.class);
    return R.ok().message("獲取手機號碼成功.").data(response.getBody());
}

這里獲取token的時候我是直接使用Hutool工具包提供的工具類開發(fā)的，大家可以自行引入，

<dependency>
    <groupId>cn.hutool</groupId>
    <artifactId>hutool-all</artifactId>
    <version>5.7.16</version>
</dependency>

然后，獲取手機號碼這里我是采用RestTemplate來調(diào)用的，相關(guān)配置文件如下：

@Configuration
public class RestTemplateConfig {

    @Bean
    public RestTemplate restTemplate() {
        return new RestTemplate();
    }

    @Bean
    public ClientHttpRequestFactory simpleClientHttpRequestFactory() {
        SimpleClientHttpRequestFactory factory = new SimpleClientHttpRequestFactory();
        factory.setReadTimeout(5000);//ms
        factory.setConnectTimeout(15000);//ms
        return factory;
    }
}