首頁 > 軟體

微信小程式獲取手機號的完整範例(Java後臺實現)

2022-06-16 10:03:02

小程式端:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html

獲取手機號碼:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/phonenumber/phonenumber.getPhoneNumber.html

獲取token:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/access-token/auth.getAccessToken.html

現在的獲取手機號碼變得很簡單,不需要像之前那樣去根據偏移量解析密文了,現在直接使用code去微信後臺換取號碼即可,這裡簡單記錄一下。

小程式

首先小程式端很簡單,直接呼叫API獲取code即可,然後將code作為引數傳遞給介面。

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
Page({
  getPhoneNumber (e) {
    console.log(e.detail.code)
  }
})
引數型別說明最低版本
codeString動態令牌。可通過動態令牌換取使用者手機號。使用方法詳情 phonenumber.getPhoneNumber 介面 

後端介面

開發介面的時候需要注意以下幾點:

  • 首先需要獲取一個access_token
  • access_token是直接跟在url後面的,不需要作為引數處理
  • code引數是json格式的

呼叫地址如下:

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

請求引數:

屬性型別預設值必填說明
access_token / cloudbase_access_tokenstring 介面呼叫憑證
codestring 手機號獲取憑證

瞭解了這些之後,我們就可以直接編寫我們的介面了。

@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獲取手機號碼 引數為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工具包提供的工具類開發的,大家可以自行引入,

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

然後,獲取手機號碼這裡我是採用RestTemplate來呼叫的,相關組態檔如下:

@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;
    }
}

總結

到此這篇關於微信小程式獲取手機號的文章就介紹到這了,更多相關微信小程式獲取手機號內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com!


IT145.com E-mail:sddin#qq.com