Master les compétences d'interaction API et améliorer la force du développement Web moderne! Cet article explorera d'excellentes ressources API et comment la plate-forme Apilayer peut simplifier l'accès à l'API.
Cet article est parrainé par Apilayer. Merci à nos partenaires qui soutiennent SitePoint
fetch est un moyen facile d'interagir avec l'API, qui envoie une demande à l'URL et renvoie une promesse pour accéder aux données renvoyées (généralement au format JSON). signifie des interfaces de programmation d'application, qui peuvent décrire tout mécanisme qui permet à deux programmes de communiquer entre eux. Par exemple, des méthodes comme document.insertNode ne font pas réellement partie de JavaScript, mais une partie de l'API DOM, permettant aux programmes d'interagir avec le DOM.
L'API Web permet au code de communiquer et d'interagir avec les sites Web et les services en ligne de manière contrôlée. La plupart du temps, cela se fait en envoyant une demande qui renvoie certaines données (presque toujours le format JSON). Ces données peuvent ensuite être utilisées dans le code.
De nombreuses API permettent également à certaines charges de travail d'application d'être déchargées vers des services externes. Par exemple, si vous souhaitez traduire un document, vous pouvez utiliser l'API sans écrire tout le code de traduction.
Apilayer est un marché d'API sélectionné. L'équipe de développement d'Apilayer sélectionne attentivement chaque API pour assurer sa sécurité et sa stabilité et peut évoluer à mesure que le site Web se développe. Toutes les API proposent des solutions gratuites et peuvent commencer sans fournir d'informations de paiement. Apilayer fournit actuellement près de 100 API et augmente toujours. Ces API couvrent une variété de catégories, de la finance aux aliments, et incluent également de nombreux outils de développement Web tels que le traitement d'images et la vérification des orthographiques.
Chaque API a un niveau rémunéré différent, à commencer par gratuitement, le prix augmentera en fonction du nombre de demandes. Certaines options payantes peuvent également fournir des demandes de données plus diverses. ApiLayer simplifie le processus d'enregistrement de l'API et fournit des capacités de démonstration en temps réel, permettant les tests des API directement dans le navigateur, et fournit un exemple de code pour aider à démarrer. Il fournit également une documentation complète et des commentaires pour chaque API.
Le moyen le plus simple d'interagir avec l'API via JavaScript est d'utiliser fetch. Il demande des données de manière asynchrone à partir de l'URL et renvoie une promesse qui permet d'accéder aux données renvoyées.
Jetons un coup d'œil à un exemple simple:
fetch("https://geek-jokes.sameerkumar.website/api?format=json")
.then(response => response.json())
.then(result => console.log(result.joke))
.catch(error => console.log('error', error.message)) Ce code demandera les données de l'API Geek Jokes, qui renvoie une blague aléatoire (format JSON). Nous passons l'URL de l'API à la fonction fetch. Cela renverra une promesse, nous pouvons lier la méthode then à lui - tout d'abord, utiliser la méthode json() pour convertir le JSON renvoyé en un objet JavaScript, puis enregistrer simplement l'attribut joke de cet objet à la console . Nous avons également ajouté un bloc catch à la fin pour enregistrer toutes les erreurs.
Fetch La demande accepte un deuxième paramètre, où toute option de la demande, y compris l'en-tête. Voici un ensemble d'options assez standard:
const headers = new Headers()
const requestOptions = {
method: 'GET',
redirect: 'follow',
headers
}Ceux-ci peuvent ensuite être ajoutés à la demande:
fetch("https://geek-jokes.sameerkumar.website/api?format=json", requestOptions)
.then(response => response.json())
.then(result => console.log(result.joke))
.catch(error => console.log('error', error.message))La plupart des services nécessitent une clé pour accéder à l'API. Cela peut être inclus dans le cadre de l'en-tête ou dans l'URL.
Assurez-vous de garder correctement la clé API. En règle générale, ils doivent être stockés sur le serveur et cryptés. Il s'agit de les empêcher d'être visibles dans le code source et d'être utilisés par d'autres. C'est souvent encore plus un problème lorsque vous payez pour votre abonnement, car les entreprises ne veulent pas donner accès gratuitement à leur code.
Jetons un coup d'œil aux six meilleures API auxquelles les développeurs peuvent accéder sur Apilayer. Notez que pour tous les exemples ci-dessous, vous devez modifier la clé d'accès (clé API) pour correspondre à votre propre clé.
L'API Spotify est l'une des API les plus importantes (et les plus cool) d'Apilayer. Il permet d'accéder à une grande quantité de données de musique et de podcast sur Spotify.
Utilisez cette API, vous pouvez obtenir des données telles que des albums, des pistes d'album, des artistes, des albums d'artistes, des listes de lecture, des morceaux et des paroles de morceaux. Cela signifie que vous pouvez rechercher des artistes et recevoir des informations sur toutes leurs œuvres / albums publiés, y compris les dates de sortie et les écrivains et musiciens reconnus.
L'API du monde des nouvelles permet l'accès aux données de milliers de sources d'information à travers le monde. Les résultats proviennent de divers médias, ce qui signifie que vous pouvez obtenir la même couverture médiatique sous différents angles.
L'API renvoie également une grande quantité de données, y compris le titre, l'attribution, l'auteur et le résumé de chaque nouvelle, ainsi que toutes les images disponibles. L'API vous permet de rechercher des nouvelles par date et emplacement, ce qui signifie que vous pouvez obtenir les dernières nouvelles ainsi que les anciennes nouvelles dans des régions spécifiques. Vous pouvez également spécifier la langue et le pays de recherche. Il existe également une fonction d'IA concise qui classe les reportages comme «positifs» ou «négatifs», vous permettant d'organiser davantage les nouvelles retournées.
L'API Weatherstack permet d'accéder aux données météorologiques actuelles et historiques à un endroit donné (partout dans le monde). La fonction actuelle vous permet d'accéder aux données météorologiques en temps réel telles que la température, la direction du vent, la pression de l'air et la visibilité.
Il y a beaucoup de données à accéder ici, en particulier dans la fonction météo historique, qui remonte à juillet 2008, ce qui signifie que vous pouvez obtenir des données météorologiques pour n'importe quelle date à n'importe quel endroit après juillet 2008. L'emplacement et la date doivent être spécifiés sous forme de paramètres. La fonction d'historique a également un paramètre "horaire" facultatif qui peut être réglé sur 1 ou 0, selon que vous souhaitez que les données météorologiques soient divisées par heure. Si vous choisissez de diviser les données par heure, vous pouvez également définir un paramètre facultatif "interval" à 1, 3 (par défaut), 6, 12 ou 24, selon la façon dont vous souhaitez que les données soient divisées.
L'historique et la fonction actuelle ont des paramètres "unités" facultatifs où vous pouvez définir l'unité de données sur "M" (métrique), "F" (Fahrenheit) ou "S" (science).
L'API de vérification des nombres vous permet de trouver des numéros de téléphone de plus de 200 pays et de vérifier leur authenticité. L'API renverra également des informations détaillées sur le pays, le code de pays, l'opérateur mobile et le type de ligne (mobile ou ligne fixe). Cela vous permettra de vérifier les numéros de téléphone fournis par l'utilisateur de l'application Web en temps réel.
L'API Zenserp est une API SERP (Page de résultats du moteur de recherche) qui vous permet de ramper les pages de résultats du moteur de recherche dans un format d'objet plus clair. Ses points de terminaison incluent Google, Image Reverse Search, YouTube, Bing et DuckDuckgo. Les points de terminaison Google incluent également des sous-points de sous-end pour les images, les cartes, les vidéos, les nouvelles et les achats. Les résultats comprennent également des informations de classement, qui vous aideront à identifier les pages et les tendances populaires.
L'API ZENSCRAPE est une API comptant Web qui, pour son utilisation de base, renverra le contenu HTML pour un site Web donné. Pour ce faire, il vous suffit de fournir un seul paramètre - l'URL du site Web cible - et la clé API. Il générera également n'importe quel HTML dynamique sur la page à partir de tout cadre JavaScript ou frontal tel que React ou Vue. Cela signifie que le HTML retourné sera le même que ce que l'utilisateur voit.
Ces six exemples ne sont que la pointe de l'iceberg des caractéristiques fournies par apilayer. Il y a plus d'API disponibles, alors assurez-vous d'explorer pleinement le site et d'essayer certains d'entre eux. Par exemple, nous recommandons fortement l'API Bad Words et nous avons tous passé un bon moment!
Lors de la sélection d'une API, considérez la fonctionnalité, la facilité d'utilisation, la qualité des documents et le soutien communautaire de l'API. L'API doit fournir les fonctionnalités spécifiques requises par le projet. Il doit également être facile à utiliser, avec des procédures de configuration simples et des commandes intuitives. Une documentation complète et claire est essentielle pour comprendre efficacement comment utiliser l'API. Enfin, une communauté active peut fournir un soutien et des ressources précieux, en particulier en ce qui concerne la résolution de problèmes.
Vous pouvez déterminer la fiabilité de votre API en vérifiant l'historique de disponibilité, le temps de réponse et les limites de taux de votre API. De nombreux fournisseurs d'API fournissent des pages d'état pour afficher ces informations. Considérez également la réputation du fournisseur et l'expérience d'autres développeurs qui ont utilisé l'API.
Oui, il existe de nombreuses API gratuites disponibles pour les développeurs. Il s'agit notamment d'API telles que les données météorologiques, les nouvelles, les prix des crypto-monnaies, etc. Cependant, n'oubliez pas que les API libres ont généralement des restrictions d'utilisation et peuvent fournir moins de fonctionnalités que les API payantes.
Certaines API populaires dans le développement Web incluent l'API Google Maps, l'API Twitter et l'API Facebook Graph. Ces API permettent aux développeurs d'intégrer des fonctionnalités telles que l'affichage de la carte, le partage des médias sociaux et l'authentification des utilisateurs dans leurs sites Web.
Pour apprendre efficacement à utiliser de nouvelles API, veuillez d'abord lire attentivement la documentation de l'API. Cela devrait vous donner une bonne idée de ce que fait l'API et de son fonctionnement. Vous pouvez également trouver des tutoriels ou des exemples en ligne, ou si vous avez des difficultés, vous pouvez demander de l'aide dans la communauté des développeurs.
Le repos et le savon sont deux façons différentes de construire des API. Les API REST sont généralement plus simples et plus flexibles, ils sont donc un choix populaire pour le développement Web. D'un autre côté, l'API SOAP offre des fonctionnalités plus puissantes, souvent utilisées dans des environnements d'entreprise.
Oui, vous pouvez créer votre propre API. Cela peut être une tâche complexe qui nécessite une bonne compréhension du protocole Web et du format de données. Cependant, la construction de votre propre API vous donne un contrôle total sur ses capacités et peut être une expérience d'apprentissage précieuse.
Lorsque vous utilisez l'API, assurez-vous de considérer des problèmes de sécurité tels que la confidentialité des données, l'authentification et l'autorisation. Assurez-vous que toutes les données sensibles transmises via l'API sont cryptées et utilisées par des méthodes sécurisées pour l'authentification et l'autorisation des utilisateurs.
Si vous avez des problèmes d'API, consultez d'abord la page de documentation et de statut de l'API pour voir s'il y a des problèmes connus. Vous pouvez également utiliser des outils comme Postman pour tester l'API et identifier tous les problèmes. Si vous rencontrez toujours des problèmes, envisagez de contacter l'équipe de soutien de l'API ou de demander de l'aide dans la communauté des développeurs.
Certaines tendances émergentes du développement des API incluent l'utilisation de GraphQL pour la récupération des données plus efficace, la montée en puissance des API en temps réel pour les mises à jour de données instantanées et un accent croissant sur la sécurité des API en réponse aux problèmes croissants de confidentialité des données.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
