Discussion :

[Invité]

Bonjour,

Dans le but d'un concours, il m'a été demandé de créer un compteur live d'abonnés TikTok (oui je sais), j'ai donc trouver une API ressassant quelques fonctions sympathique dont celle de lister les followers, lesquels je mettrais dans un tableau afin de les compter par la suite et ainsi d'afficher leurs nombres.

Voici le code actuel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import TikTokAPI, { getRequestParams } from 'tiktok-api';
import { NOMEM } from 'dns';
 
// Required - a method that signs the URL with anti-spam parameters
// You must provide an implementation yourself to successfully make
// most requests with this library.
const signURL = async (url, ts, deviceId) => {
  const as = 'anti-spam parameter 1';
  const cp = 'anti-spam parameter 2'
  const mas = 'anti-spam parameter 3';
  return `${url}&as=${as}&cp=${cp}&mas=${mas}`;
}
 
// Required - device parameters
// You need to source these using a man-in-the-middle proxy such as mitmproxy,
// CharlesProxy or PacketCapture (Android)
const params = getRequestParams({
  device_id: '<device_id>',
  fp: '<device_fingerprint>',
  iid: '<install_id>',
  openudid: '<device_open_udid>',
});
 
const api = new TikTokAPI(params, { signURL });
 
var id = '';
 
// You are now able to make successful requests
api.listFollowers({user_id: id,max_time: Math.floor(new Date().getTime() / 1000),count: null})
    .then(res => console.log(res.data.followers))
    .catch(console.log);

Or, à la ligne 30, followers est souligné avec l'erreur : La propriété 'followers' n'existe pas sur le type 'BaseResponseData | ListFollowersResponse'.
La propriété 'followers' n'existe pas sur le type 'BaseResponseData'.ts(2339)



Je suis vraiment pas à l'aise avec le TypeScript et débute dans le web, je souhaite cependant avancé et je vous sollicite donc pour comprendre mon erreur !


PS : Lien de l'API trouver sur Github avec la Documentation : https://github.com/szdc/tiktok-api

[Marco46]

Il te faudrait typer res.data pour lui faire assumer qu'il s'agit d'un type ListFollowingResponse.

[Paleo]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
import TikTokAPI, { getRequestParams } from 'tiktok-api';
import { NOMEM } from 'dns';
 
async function setup() {
	// … Tout le code d'initialisation ici …
 
	const res = await api.listFollowers({user_id: id,max_time: Math.floor(new Date().getTime() / 1000),count: null});
 
	const followers = (res.data as ListFollowersResponse).followers;
	console.log(followers);
}
 
setup().catch(error => console.log(error));

[Marco46]

Mmmh non pas exactement.

Plutôt comme ça IMHO :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
const data: ListFollowersResponse = await api.listFollowers({user_id: id,max_time: Math.floor(new Date().getTime() / 1000),count: null});
 
const followers: CommonUserDetails[] = data.followers;
console.log(followers);

Le await résout la promesse, il n'y a donc plus de res à gérer, tu accèdes directement au type retourné par la fonction listFollowers.

[Marco46]

Alors pour être plus précis.

La fonction listFollowers est implémentée ici :

Code typescript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
/**
   * Lists a user's followers.
   *
   * @param {ListFollowersRequest} params
   * @returns {AxiosPromise<ListFollowersResponse | BaseResponseData>}
   */
  listFollowers = (params: API.ListFollowersRequest) =>
    this.request.get<API.ListFollowersResponse | API.BaseResponseData>('aweme/v1/user/follower/list/', {
      params: withDefaultListParams(params),
})

Elle retourne donc une promesse de Axios qui sera résolvée par un await il nous reste donc bien directement une ListFollowersResponse qui est décrite ici :

Code typescript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
export interface ListFollowersResponse extends ListResponseData, TimeOffsetResponseParams {
  /** A list of the user's followers */
  followers: CommonUserDetails[];
}

On peut donc accéder directement à la propriété followers qui est une liste de CommonUserDetails.

[Paleo]

C'est possible. J'ai juste pris l'exemple de la doc pour le convertir vers la syntaxe async/await :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
api.listFollowers({
  user_id: '<user_id>',
  max_time: Math.floor(new Date().getTime() / 1000),
})
  .then(res => console.log(res.data.followers))
  .catch(console.log);

Il y a bien un "res.data" en tout cas dans la doc.

https://github.com/szdc/tiktok-api#listfollowersparams