TypeScript:
Téléchargement d'une page web
Comment faire :
import axios from 'axios'; // N'oubliez pas d'installer axios avec npm ou yarn
async function telechargerPageWeb(url: string): Promise<void> {
try {
const response = await axios.get(url);
console.log(response.data); // Voici le contenu de la page web
} catch (error) {
console.error(`Erreur lors du téléchargement de la page : ${error}`);
}
}
// Utilisez la fonction
telechargerPageWeb('https://www.exemple.com');Exemple de sortie :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple de Page Web</title>
</head>
<body>
<p>Ceci est un exemple de contenu d'une page web...</p>
</body>
</html>Plongée profonde
Historiquement, les pages web étaient téléchargées en utilisant XMLHttpRequest, mais ce standard a été remplacé par l’API Fetch plus moderne, qui est basée sur les promesses. TypeScript, étant un sur-ensemble de JavaScript, permet d’utiliser ces API et d’autres outils comme axios, qui simplifie les requêtes HTTP.
Il existe d’autres alternatives, comme node-fetch ou les librairies de bas niveau comme http et https modules de Node.js, qui donnent un contrôle plus fin.
Concernant l’implémentation, prenez en compte la gestion des erreurs, le réglage des en-têtes HTTP pour gérer la politique de même origine (CORS), et l’encodage correct des caractères de la page.
Voir aussi
- Documentation Axios : https://axios-http.com/docs/intro
- API Fetch pour les navigateurs : https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
- Module HTTP de Node.js : https://nodejs.org/api/http.html