Java, UX, HTML, CSS, WEB-design

Настройка конвертера валют с помощью ExchangeRatesApi.io


  • Леонардо Лосовиц

  • 0 Комментарии

Настройка конвертера валют с помощью ExchangeRatesApi.io

  • 6 минут чтения

  • API, Учебники, Кодирование

Краткое резюме ↬

Amazon позволяет посетителям отображать цены в своей валюте. Благодаря ExchangeRatesApi.io мы можем сделать то же самое для наших интернет-магазинов, предоставляя нашим клиентам лучший опыт. Давайте узнаем, как.

Товары и услуги все чаще доступны и покупаются в Интернете. Поскольку мы живем в глобальной деревне, если у нас есть интернет-магазин, многие из наших посетителей, скорее всего, будут из другой страны, чем наша, и будут использовать валюту, отличную от нашей.

Если мы хотим предоставить им отличный пользовательский опыт, увеличить шансы на то, что они купят наш продукт и вернутся на сайт, мы можем сделать очень простую вещь: отобразить цену товаров в их собственной валюте. Для этого мы можем преобразовать цену товара из базовой валюты (скажем, евро) в валюту посетителя (скажем, китайский юань), используя обменный курс между двумя валютами в конкретное время.

Курсы валют меняются постоянно, ежечасно (а то и быстрее). Это означает, что у нас не может быть предварительно определенного списка обменных курсов, хранящегося в нашем приложении; они должны быть собраны в режиме реального времени. Однако в наше время это не проблема. Благодаря API-интерфейсам, предоставляющим данные об обмене валюты, мы можем довольно легко добавить конвертер валют в наши интернет-магазины.

В этой статье мы представим ExchangeRatesApi.io, популярное решение API, предоставляющее данные о текущих и исторических обменных курсах для 168 валют.

Чего мы хотим достичь

Проще говоря, мы хотим делать то, что делает Amazon: дать пользователю возможность в нашем интернет-магазине отображать цены в валюте по своему выбору.

При посещении страницы продукта на amazon.co.uk нам представлена ​​цена в британских фунтах:

Страница продукта на amazon.co.uk, цена указана в фунтах.

Страница продукта на amazon.co.uk, цена указана в фунтах. (Большой превью)

Но мы также можем увидеть цену в другой валюте, если захотим. В настройках страны/региона есть возможность изменить валюту:

Выпадающий список с настройками региона

Выпадающий список с настройками региона. (Большой превью)

После нажатия «Изменить» нам предоставляется выбор ввода, содержащий несколько предопределенных валют. Из них я выбрал евро:

Выпадающий список с настройками региона

Выпадающий список с настройками региона. (Большой превью)

Наконец, на странице продукта цена отображается в евро:

Страница продукта на amazon.co.uk, цена указана в евро.

Страница продукта на amazon.co.uk, цена указана в евро. (Большой превью)

Имея доступ к данным обменного курса через API, мы можем реализовать эту же функциональность для наших собственных интернет-магазинов.

Как мы это делаем

ExchangeRatesApi.io предоставляет REST API, предлагающий последние данные о форекс для 168 валют. Он всегда актуален, собирая данные из обширной базы коммерческих источников и банков по всему миру.

После регистрации на их сервисе (Подсказка: у них есть бесплатный уровень), нам будет назначен ключ доступа к API:

Панель управления в ExchangeRatesApi.io

Панель управления в ExchangeRatesApi.io. (Большой превью)

Мы берем наш ключ доступа к API и добавляем его к конечной точке:

https://api.exchangeratesapi.io/v1/latest
 ?access_key=YOUR_API_KEY

Чтобы визуализировать ответ, скопируйте/вставьте конечную точку в свой браузер:

Просмотр ответа на REST API в браузере

Просмотр ответа на REST API в браузере. (Большой превью)

Как видно на изображении выше, были получены данные для всех 168 валют. Чтобы сузить результаты до нескольких из них, мы указываем коды валют через параметр symbols.

Например, чтобы получить данные для доллара США, британского фунта стерлингов, австралийского доллара, японской иены и китайского юаня (по сравнению с евро, который является базовой валютой по умолчанию), мы выполняем эту конечную точку:

https://api.exchangeratesapi.io/v1/latest
 ?access_key=YOUR_API_KEY
 &symbols=USD,GBP,AUD,JPY,CNY

Ответ следующий:

{
 "success": true,
 "timestamp": 1620904263,
 "base": "EUR",
 "date": "2021-05-13",
 "rates": {
   "USD": 1.207197,
   "GBP": 0.860689,
   "AUD": 1.568196,
   "JPY": 132.334216,
   "CNY": 7.793428
 }
}

Какие данные мы можем получить

ExchangeRatesApi.io предоставляет несколько конечных точек REST для получения различных наборов данных. В зависимости от плана подписки конечные точки могут быть доступны или недоступны (на их странице с ценами объясняется, какие функции покрываются каждым уровнем).

Конечные точки, указанные ниже, должны быть подключены к https://api.exchangeratesapi.io/v1/ (например: latest становится https://api.exchangeratesapi.io/v1/latest), и добавил access_key param с вашим ключом доступа к API.

Последние ставки

То latest конечная точка возвращает данные об обменном курсе в режиме реального времени для всех доступных валют или для определенного набора.

обмен валюты

То convert конечная точка позволяет конвертировать сумму из любой валюты в любую другую из поддерживаемых 168 валют.

Исторические курсы

Эта конечная точка имеет вид YYYY-MM-DD (Такие как 2021-03-20), соответствующий дате, для которой мы хотим получить историческую информацию об обменном курсе.

Данные временного ряда

То timeseries конечная точка возвращает ежедневные исторические данные об обменных курсах между двумя указанными датами за максимальный период времени 365 дней.

Данные о колебаниях

То fluctuation конечная точка возвращает данные о колебаниях между указанными датами для максимального периода времени 365 дней.

Получение данных из API

Чтобы реализовать конвертер валют, мы можем использовать convert конечная точка (для которой нам необходимо подписаться на базовый уровень):

https://api.exchangeratesapi.io/v1/convert
 ?access_key=YOUR_API_KEY
 &from=GBP
 &to=JPY
 &amount=25

Ответ, который мы получим, выглядит следующим образом:

{
 "success": true,
 "query": {
   "from": "GBP",
   "to": "JPY",
   "amount": 25
 },
 "info": {
   "timestamp": 1620904845,
   "rate": 154.245331
 },
 "historical": "",
 "date": "2021-05-14",
 "result": 3856.079212
}

Поскольку данные предоставляются через REST API, мы можем легко получить их для любого приложения на основе любого стека, независимо от того, выполняется ли оно на стороне клиента или на стороне сервера, без необходимости установки какой-либо дополнительной библиотеки.

Сторона клиента

Следующий код JavaScript подключается к API и выводит конвертированную сумму и обменный курс в консоли:

// Set endpoint and your access key
const access_key = 'YOUR_API_KEY';
const from = 'GPB';
const to = 'JPY';
const amount = 25;
const url = `https://api.exchangeratesapi.io/v1/convert?access_key=${ access_key }&from=${ from }&to=${ to }&amount=${ amount }`;

// Get the most recent exchange rates via the "latest" endpoint:
fetch(url)
 .then(response => response.json())
 .then(data => {
   // If our tier does not support the requested endpoint, we will get an error
   if (data.error) {
     console.log('Error:', data.error);
     return;
   }

   // We got the data
   console.log('Success:', data);
   console.log('Converted amount: ' + data.result);
   console.log('(Exchange rate: ' + data.info.rate + ')');
 })
 .catch((error) => {
   console.error('Error:', error);
 });

на стороне сервера

В следующем коде показано, как подключиться к REST API и распечатать преобразованный результат в приложении PHP.

Та же процедура может быть реализована для других языков:

  • Определите URL-адрес конечной точки, прикрепите ключ доступа к API.
  • Подключитесь к конечной точке, получите ее ответ в формате JSON.
  • Декодируйте данные JSON в объект/массив.
  • Получите конвертированную сумму из-под result имущество.
// Set endpoint and your access key
$access_key = 'YOUR_API_KEY';
$from = 'GBP';
$to = 'JPY';
$amount = 25;

// Initialize CURL:
$ch = curl_init("https://api.exchangeratesapi.io/v1/convert?access_key=${access_key}&from=${from}&to=${to}&amount=${amount}");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

// Get the JSON data:
$json = curl_exec($ch);
curl_close($ch);

// Decode JSON response:
$conversionResult = json_decode($json, true);

// Access the converted amount
echo $conversionResult['result'];

Вывод

ExchangeRatesApi.io родился как проект с открытым исходным кодом, с целью предоставления текущих и исторических курсов обмена валют, опубликованных Европейским центральным банком и написанных на Python.

Если вы хотите включить конвертацию валюты в свой интернет-магазин, чтобы подражать Amazon и обеспечить привлекательный пользовательский интерфейс для ваших посетителей, вы можете загрузить и установить проект с открытым исходным кодом.

И вы также можете сделать это намного проще: если вы хотите, чтобы ваш конвертер валют работал в кратчайшие сроки, для любого языка программирования, имея доступ к всегда актуальным данным, которые включают в себя широкий спектр коммерческих источников и из супер -быстрый API со временем безотказной работы почти 100% (99,9% за последние 12 месяцев), затем проверьте ExchangeRatesApi.io.

Сокрушительная редакция
(вф, ык, иль)




Source: https://smashingmagazine.com

Заключение

Вы ознакомились с статьей — Настройка конвертера валют с помощью ExchangeRatesApi.io

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Краткое описание по статье Настройка конвертера валют с помощью ExchangeRatesApi.io

Название: Настройка конвертера валют с помощью ExchangeRatesApi.io . Краткое описание: ⭐ Леонардо Л . Дата публикации: 16.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»