Перейти к основному контенту

Фильтрация продуктов по диапазону цен

✅ Цель сценария:

  • Определить диапазон цен
  • Сформировать массив фильтров и передать его как фильтр
  • Применить фильтр и просмотреть результаты

✅ Что вам нужно:

  • Действительный PROJECT_URL и APP_TOKEN для аутентификации с API OneEntry.
  • Продукты с полем "цена"
  • Данные о диапазоне цен

📌 Важно:

  • Мы не обрабатываем ошибки в этих примерах.
  • Вы можете обрабатывать ошибки в конструкции trycatch или в конструкции типа "await Promise.catch((error) => error)"

Сценарий

1. Импортируйте oneEntry и определите url и токен

Пример:

import { defineOneEntry } from 'oneentry';

const PROJECT_URL = 'your-project-url';
const APP_TOKEN = 'your-app-token';

2. Создание API-клиента с помощью функции defineOneEntry()

Пример:

const { Products } = defineOneEntry(PROJECT_URL, {
token: APP_TOKEN,
});

3. Сформируйте массив условий фильтрации

Пример:

[
{
"attributeMarker": "price",
"conditionMarker": "mth",
"conditionValue": 100,
"isNested": false
},
{
"attributeMarker": "price",
"conditionMarker": "lth",
"conditionValue": 500,
"isNested": false
}
]

4. Определение параметров запроса

Пример:

{
"offset": 0,
"limit": 20,
"sortKey": "price",
"sortOrder": "ASC"
}

5. Получение данных о продуктах

Пример:

{
"items": [
{
"id": 11,
"localizeInfos": {
"title": "Серебро"
},
"statusIdentifier": null,
"statusLocalizeInfos": {},
"attributeSetIdentifier": "ticket",
"position": 3,
"templateIdentifier": null,
"shortDescTemplateIdentifier": null,
"price": 150,
"additional": {
"prices": {
"min": 100,
"max": 999
}
},
"sku": null,
"isSync": true,
"attributeValues": {
"price": {
"type": "real",
"value": "150",
"isIcon": false,
"position": 0,
"additionalFields": [],
"isProductPreview": false
},
"currency": {
"type": "string",
"value": "USD",
"isIcon": false,
"position": 1,
"additionalFields": [],
"isProductPreview": false
}
},
"isVisible": true
},
{
"id": 6,
"localizeInfos": {
"title": "Зеленый сервис"
},
"statusIdentifier": null,
"statusLocalizeInfos": {},
"attributeSetIdentifier": "service",
"position": 1,
"templateIdentifier": null,
"shortDescTemplateIdentifier": null,
"price": 150,
"additional": {
"prices": {
"min": 100,
"max": 999
}
},
"sku": "",
"isSync": true,
"attributeValues": {
"price": {
"type": "real",
"value": "150",
"isIcon": false,
"position": 0,
"additionalFields": [],
"isProductPreview": false
},
"type": {
"type": "list",
"value": [],
"isIcon": false,
"position": 1,
"additionalFields": [],
"isProductPreview": false
},
"currency": {
"type": "string",
"value": "USD",
"isIcon": false,
"position": 2,
"additionalFields": [],
"isProductPreview": false
},
"sku": {
"type": "string",
"value": "",
"isIcon": false,
"position": 3,
"additionalFields": [],
"isProductPreview": false
}
},
"isVisible": true
},
{
"id": 12,
"localizeInfos": {
"title": "Золото"
},
"statusIdentifier": null,
"statusLocalizeInfos": {},
"attributeSetIdentifier": "ticket",
"position": 2,
"templateIdentifier": null,
"shortDescTemplateIdentifier": null,
"price": 200,
"additional": {
"prices": {
"min": 100,
"max": 999
}
},
"sku": null,
"isSync": true,
"attributeValues": {
"price": {
"type": "real",
"value": "200",
"isIcon": false,
"position": 0,
"additionalFields": [],
"isProductPreview": false
},
"currency": {
"type": "string",
"value": "USD",
"isIcon": false,
"position": 1,
"additionalFields": [],
"isProductPreview": false
}
},
"isVisible": true
},
{
"id": 2,
"localizeInfos": {
"title": "Красный сервис"
},
"statusIdentifier": null,
"statusLocalizeInfos": {},
"attributeSetIdentifier": "service",
"position": 4,
"templateIdentifier": null,
"shortDescTemplateIdentifier": null,
"price": 250,
"additional": {
"prices": {
"min": 100,
"max": 999
}
},
"sku": "",
"isSync": true,
"attributeValues": {
"price": {
"type": "real",
"value": "250",
"isIcon": false,
"position": 0,
"additionalFields": [],
"isProductPreview": false
},
"type": {
"type": "list",
"value": [],
"isIcon": false,
"position": 1,
"additionalFields": [],
"isProductPreview": false
},
"currency": {
"type": "string",
"value": "USD",
"isIcon": false,
"position": 2,
"additionalFields": [],
"isProductPreview": false
},
"sku": {
"type": "string",
"value": "",
"isIcon": false,
"position": 3,
"additionalFields": [],
"isProductPreview": false
}
},
"isVisible": true
},
{
"id": 13,
"localizeInfos": {
"title": "Красный мяч"
},
"statusIdentifier": null,
"statusLocalizeInfos": {},
"attributeSetIdentifier": "product",
"position": 7,
"templateIdentifier": null,
"shortDescTemplateIdentifier": null,
"price": 300,
"additional": {
"prices": {
"min": 100,
"max": 999
}
},
"sku": null,
"isSync": true,
"attributeValues": {
"price": {
"type": "real",
"value": "300",
"isIcon": false,
"position": 0,
"additionalFields": [],
"isProductPreview": false
},
"currency": {
"type": "string",
"value": "USD",
"isIcon": false,
"position": 1,
"additionalFields": [],
"isProductPreview": false
},
"image": {
"type": "image",
"value": [],
"isIcon": false,
"position": 2,
"additionalFields": [],
"isProductPreview": true
}
},
"isVisible": true
},
{
"id": 14,
"localizeInfos": {
"title": "Зеленый мяч"
},
"statusIdentifier": null,
"statusLocalizeInfos": {},
"attributeSetIdentifier": "product",
"position": 6,
"templateIdentifier": null,
"shortDescTemplateIdentifier": null,
"price": 340,
"additional": {
"prices": {
"min": 100,
"max": 999
}
},
"sku": null,
"isSync": true,
"attributeValues": {
"price": {
"type": "real",
"value": "340",
"isIcon": false,
"position": 0,
"additionalFields": [],
"isProductPreview": false
},
"currency": {
"type": "string",
"value": "USD",
"isIcon": false,
"position": 1,
"additionalFields": [],
"isProductPreview": false
},
"image": {
"type": "image",
"value": [],
"isIcon": false,
"position": 2,
"additionalFields": [],
"isProductPreview": true
}
},
"isVisible": true
},
{
"id": 15,
"localizeInfos": {
"title": "Оранжевый мяч"
},
"statusIdentifier": null,
"statusLocalizeInfos": {},
"attributeSetIdentifier": "product",
"position": 5,
"templateIdentifier": null,
"shortDescTemplateIdentifier": null,
"price": 400,
"additional": {
"prices": {
"min": 100,
"max": 999
}
},
"sku": null,
"isSync": true,
"attributeValues": {
"price": {
"type": "real",
"value": "400",
"isIcon": false,
"position": 0,
"additionalFields": [],
"isProductPreview": false
},
"currency": {
"type": "string",
"value": "USD",
"isIcon": false,
"position": 1,
"additionalFields": [],
"isProductPreview": false
},
"image": {
"type": "image",
"value": [],
"isIcon": false,
"position": 2,
"additionalFields": [],
"isProductPreview": true
}
},
"isVisible": true
},
{
"id": 7,
"localizeInfos": {
"title": "Синий сервис"
},
"statusIdentifier": null,
"statusLocalizeInfos": {},
"attributeSetIdentifier": "service",
"position": 8,
"templateIdentifier": null,
"shortDescTemplateIdentifier": null,
"price": 450,
"additional": {
"prices": {
"min": 100,
"max": 999
}
},
"sku": "",
"isSync": true,
"attributeValues": {
"price": {
"type": "real",
"value": "450",
"isIcon": false,
"position": 0,
"additionalFields": [],
"isProductPreview": false
},
"type": {
"type": "list",
"value": [],
"isIcon": false,
"position": 1,
"additionalFields": [],
"isProductPreview": false
},
"currency": {
"type": "string",
"value": "USD",
"isIcon": false,
"position": 2,
"additionalFields": [],
"isProductPreview": false
},
"sku": {
"type": "string",
"value": "",
"isIcon": false,
"position": 3,
"additionalFields": [],
"isProductPreview": false
}
},
"isVisible": true
}
],
"total": 8
}

Финальный пример

// 1. Импортируйте oneEntry и определите PROJECT_URL и APP_TOKEN
import { defineOneEntry } from 'oneentry';

const PROJECT_URL = 'your-project-url';
const APP_TOKEN = 'your-app-token';

// 2. Создание API-клиента
const { FileUploading, FormData } = defineOneEntry(PROJECT_URL, {
token: APP_TOKEN,
});

// 3. Сформируйте массив условий фильтрации
const body: any = [
{
attributeMarker: 'price',
conditionMarker: 'mth', // больше чем
conditionValue: 100,
isNested: false,
},
{
attributeMarker: 'price',
conditionMarker: 'lth', // меньше чем
conditionValue: 500,
isNested: false,
},
];

// 4. Определение параметров запроса
const userQuery: IProductsQuery = {
offset: 0,
limit: 20,
sortKey: 'price',
sortOrder: 'ASC',
};

// 5. Получение данных о продуктах
const products = await Products.getProducts(body, 'en_US', userQuery);
console.log(products);