Get sku parameters on product

[FrontEnd07]

How can I get sku parameters via api send a request to the address:

Code: Select all

http://localhost/jsonapi/product?include=attribute,media,price,product,product/property,text,catalog,supplier,stock&id=4

The issuance goes all in a heap, is this normal?

[aimeos]

The JSON:API response (https://jsonapi.org) contains the found products including the related items in "included" referenced via "relationships" in the products. Thus, variant articles are also referenced via relationships (product.lists.type: "default") from the "included" section and the SKU of products is in the "product.code" property.

You can use a JS library like this one to simplify access to the JSON:API data:
https://github.com/tobyzerner/json-api-models

[FrontEnd07]

The JSON:API response (https://jsonapi.org) contains the found products including the related items in "included" referenced via "relationships" in the products. Thus, variant articles are also referenced via relationships (product.lists.type: "default") from the "included" section and the SKU of products is in the "product.code" property.

You can use a JS library like this one to simplify access to the JSON:API data:
https://github.com/tobyzerner/json-api-models

Thank you for the response and support of open source aimeos, for me, as a beginner in `JSON:The API` seems complicated to work with, can you give an example of how the 'json-api-models` package will help me sort the sku parameters?

[aimeos]

The SKUs are in data -> attributes -> product.code in the pure JSON response and you can access them using:

Code: Select all

fetch(url, options).then(response => {
	return response.json()
}).then(response => {
	response.data.forEach(item => {
		console.log(item.attributes['product.code'])
	})
})

When using the mentioned JS library, it's:

Code: Select all

fetch(url, options).then(response => {
	return response.json()
}).then(result => {
        return (new Store()).sync(result)
}).then(models => {
	models.forEach(model => {
		console.log(model['product.code'])
	})
})

The power of the JS library is in accessing related items that are returnd in the "included" section of the response and they are directly available in the "model".

[FrontEnd07]

So, with one request, there is no way to get everything related to products? That is, you need to collect data through various kinds of queries? Don't you think that this complicates and leads to a big server costs?

[FrontEnd07]

I checked the site droppe.com based on aimeos api this site is so slow and slow, it is delayed from replies

[aimeos]

So, with one request, there is no way to get everything related to products? That is, you need to collect data through various kinds of queries? Don't you think that this complicates and leads to a big server costs?

You can get e.g. all product related data in one query using the "include" parameter:
https://aimeos.org/docs/latest/frontend ... -resources

[aimeos]

I checked the site droppe.com based on aimeos api this site is so slow and slow, it is delayed from replies

The page has a sub-optimal setup and two main problems:
1.) The JSON:API and the PWA are on different domains leading to lots of CORS requests
2.) There are too many requests used for data that should be fetched in one request

[FrontEnd07]

I checked two sites based on `api aimeos` `azexport.az` and `droppe.com` they have the same concept of building requests to api, that is, requests come in batches, this naturally slows down, if it is possible to get answers with one request, then how?

[aimeos]

Like said, please read: https://aimeos.org/docs/latest/frontend ... -resources

Use request like:

Code: Select all

http://localhost:8000/jsonapi/product?include=product.text,media,price,catalog,supplier,attribute,product