В наши дни для всего есть API, от социальных сетей до погоды. С таким количеством доступных вариантов может быть трудно понять, какой из них использовать. В этой статье мы рассмотрим десятку лучших API-интерфейсов и узнаем, как их использовать для создания динамических веб-приложений. Давайте посмотрим, что такое API на самом деле.
Что такое API?
API, который означает интерфейс прикладного программирования, — это способ, с помощью которого две системы могут взаимодействовать друг с другом, используя набор определений и протоколов (например, SOAP, REST, gRPC и т. д.). Я знаю, что это набор технических терминов, пора разобраться — подумайте об этом как о мосте, который соединяет два острова, без моста вы не сможете добраться до другой стороны острова.
API работает аналогичным образом, соединяя две отдельные системы и позволяя им взаимодействовать друг с другом. С помощью API разработчики могут создавать приложения, которые могут использовать функции других программных систем, не понимая, как они работают.
Многие крупные технологические гиганты широко используют API. Например, Google Maps API используется многими популярными веб-сайтами и мобильными приложениями для отображения карт и маршрутов проезда. Twitter API позволяет разработчикам создавать приложения, взаимодействующие с данными Twitter, такими как твиты, подписчики и хэштеги. PayPal API используется для обеспечения безопасных онлайн-платежей на веб-сайтах электронной коммерции. Это всего лишь несколько примеров того, как API используются для улучшения функциональности существующих программных систем и создания на их основе новых приложений.
Теперь, когда вы лучше понимаете API и их важность, давайте углубимся в некоторые API, о которых должен знать каждый разработчик интерфейса. Включение этих API в ваш следующий проект не только поможет вам сэкономить время, но и сделает разработку более эффективной.
1. OpenWeather API
Одним из наиболее распространенных API, о котором должен знать каждый разработчик интерфейса, является API OpenWeather. С помощью этого API вы можете легко получать информацию о погоде для более чем 200 000 городов. Это может быть очень полезно для различных типов приложений, начиная от прогнозов погоды и заканчивая планированием поездок. Если вы хотите выполнить некоторый анализ и прогнозирование, OpenWeather API также предлагает доступ к историческим данным о погоде для вашего приложения.
Чтобы использовать API OpenWeather, вам необходимо зарегистрироваться для получения ключа API на их веб-сайте. Получив ключ API, вы можете сделать запрос на получение любых данных о погоде по вашему выбору. Вот пример того, как вы можете использовать OpenWeather API с JavaScript для отображения текущей погоды для заданного местоположения:
const API_KEY = 'your-api-key-here';
const city = 'New York';
fetch(`https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${API_KEY}`)
.then(response => response.json())
.then(data => console.log(data));
2. Вордс API
Words API предлагает набор инструментов для работы со словами и связанными с ними понятиями. Этот API позволяет удобно искать определения, синонимы, антонимы и многое другое. Используя Words API, вы можете обогатить свои приложения большим количеством информации о языке и лингвистике. Например, вы можете разработать инструмент, помогающий пользователям расширять свой словарный запас, предоставляя синонимы и антонимы для вводимых ими слов.
Вот пример того, как использовать API Words с JavaScript, используя конечную точку Mashape:
fetch("https://wordsapiv1.p.mashape.com/words/wealth", {
headers: {
"X-Mashape-Key": "YOUR_API_KEY",
"Accept": "application/json"
}
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
3. API REST стран
API стран REST — это простой, но мощный инструмент, который предоставляет исчерпывающие данные о странах, включая их население, валюты, часовые пояса, языки и многое другое. Это особенно полезно для разработчиков интерфейсов, которые хотят включить в свои приложения данные по конкретной стране. API прост в использовании и предоставляет широкий спектр информации, которую можно использовать различными способами.
Одним из распространенных примеров использования API стран REST является отображение информации о конкретной стране, когда пользователь ее ищет. Вот пример того, как это сделать в JavaScript:
const query = 'United States'
fetch(`https://restcountries.com/v2/name/${query}`)
.then(response => response.json())
.then(data => console.log(data));
4. Открытые API НАСА
Открытые API-интерфейсы NASA предоставляют разработчикам доступ к обширной коллекции космических данных. Это включает в себя, среди прочего, изображения, звукозаписи и научные данные. Используя эти API, разработчики могут создавать уникальные и интересные приложения.
Одним из самых популярных открытых API-интерфейсов NASA является API-интерфейс Astronomy Picture of the Day. Он предоставляет ежедневное изображение или видео вместе с кратким пояснением, написанным профессиональным астрономом. Еще один интересный API — это API Mars Rover Photos, который предлагает доступ к изображениям, сделанным марсоходами НАСА.
Чтобы использовать API Astronomy Picture of the Day с JavaScript, вы можете использовать следующий код:
const API_KEY = "your-api-key-here"
fetch(`https://api.nasa.gov/planetary/apod?api_key=${API_KEY}`)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
5. API рыночных данных
Financial Modeling Prep API — это поставщик финансовых данных, API которого предлагает широкий спектр финансовых данных, включая котировки акций, финансовые отчеты, исторические данные и многое другое. Публичные компании могут использовать этот API в своем приложении для отображения финансовых данных в реальном времени и исторических данных.
Одним из примеров того, как вы можете использовать этот API в своем проекте, является получение курса акций конкретной компании. Вот пример кода, использующего JavaScript для получения текущей цены акций Apple Inc.
const API_KEY = 'your_api_key_here';
const SYMBOL = 'AAPL';
const url = `https://financialmodelingprep.com/api/v3/quote/${SYMBOL}?apikey=${API_KEY}`;
fetch(url)
.then(response => response.json())
.then(data => console.log(data[0].price));
6. OMDb API
OMDb API — это веб-служба RESTful, которая обеспечивает доступ к обширной базе данных фильмов и телепередач. С помощью этого API вы можете получать такие данные, как сводки сюжетов, рейтинги, информацию об актерах и многое другое.
Вы можете использовать OMDb API для создания собственной поисковой системы фильмов или телепередач или для получения данных о ваших любимых фильмах или шоу. Одним из примеров того, как вы можете использовать этот API в своем проекте, является поиск информации о конкретном фильме. Вот пример кода, использующего JavaScript для получения данных о фильме «Темный рыцарь»:
const API_KEY = 'your-api-key-here';
const movieTitle = 'The Dark Knight';
const apiUrl = `https://www.omdbapi.com/?apikey=${API_KEY}&t=${movieTitle}`;
fetch(apiUrl)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
7. АПИ новостей
С помощью News API вы получаете доступ к новостным статьям и заголовкам из различных источников в Интернете. News API предлагает простой способ получать последние новости из различных категорий, таких как бизнес, спорт, здоровье, технологии и многое другое.
Чтобы использовать News API, вам нужно будет подписаться на ключ API, а затем отправлять HTTP-запросы к его конечным точкам для получения нужных новостных статей. Вот пример того, как вы можете использовать News API с JavaScript для получения последних новостных статей:
const API_KEY = "YOUR_API_KEY";
const url = `https://newsapi.org/v2/top-headlines?country=us&apiKey=${API_KEY}`;
fetch(url)
.then(response => response.json())
.then(data => {
// Do something with the data, like display it on the page
console.log(data.articles);
})
.catch(error => {
console.log(error);
});
8. API поддельного магазина
fakeStoreApi — это бесплатный общедоступный API, который позволяет имитировать платформу электронной коммерции. Этот API обеспечивает доступ к различным данным, таким как продукты, заказы и пользователи. С помощью этого API разработчики внешнего интерфейса могут динамически создавать веб-сайт или приложение электронной коммерции.
Одним из примеров того, как вы можете использовать этот API в своем проекте, является получение списка доступных продуктов. Вот пример кода, использующего JavaScript для получения продуктов из API:
fetch('https://fakestoreapi.com/products')
.then(response => response.json())
.then(data => console.log(data));
9. API случайных пользователей
Random User API — отличный инструмент для генерации случайных пользовательских данных для ваших проектов. Этот API можно использовать для создания профилей пользователей для тестирования или прототипирования. Он предоставляет реалистичные данные, такие как имена, адреса, номера телефонов, адреса электронной почты и изображения профиля.
Вот пример кода, использующего JavaScript для получения и отображения случайной информации о пользователе:
fetch('https://randomuser.me/api/')
.then(response => response.json())
.then(data => {
const user = data.results[0];
console.log(`Name: ${user.name.first} ${user.name.last}`);
console.log(`Email: ${user.email}`);
console.log(`Phone: ${user.phone}`);
console.log(`Address: ${user.location.street.number} ${user.location.street.name}`);
console.log(`City: ${user.location.city}`);
console.log(`State: ${user.location.state}`);
console.log(`Country: ${user.location.country}`);
console.log(`Picture: ${user.picture.large}`);
});
10. Spoonacular Food API
Spooncular Food API — отличный инструмент для разработчиков интерфейса, которые хотят включить функции, связанные с едой, в свои приложения. С помощью этого API вы можете искать рецепты, получать информацию о питании и даже создавать планы питания.
Одним из примеров того, как вы можете использовать этот API в своем проекте, является поиск рецепта. Вот пример кода, использующего JavaScript для получения рецепта вегетарианского бургера:
const API_KEY = "YOUR_API_KEY";
fetch(`https://api.spoonacular.com/recipes/complexSearch?query=vegetarian burger&apiKey=${API_KEY}`)
.then(response => response.json())
.then(data => {
const recipe = data.results[0];
console.log(`Title: ${recipe.title}`);
console.log(`Ingredients: ${recipe.extendedIngredients.map(i => i.name).join(", ")}`);
console.log(`Instructions: ${recipe.instructions}`);
})
.catch(error => console.error(error));
Заключение
В заключение следует отметить, что API-интерфейсы стали неотъемлемой частью создания современных веб-приложений. С обилием доступных API может быть непросто определить, какой из них использовать. В этой статье мы выделили десять API-интерфейсов, которые могут изменить ваш следующий проект, от финансовых данных до рецептов еды. Интегрируя эти API, вы можете вывести свое приложение на новый уровень, предоставляя дополнительные функциональные возможности и ценность для своих пользователей. Кроме того, доступно множество других API, отличным ресурсом для изучения этих API является репозиторий GitHub с открытым исходным кодом — Public API. Мы с нетерпением ждем возможности использовать один из этих API в вашем следующем проекте.
