Embedded Files
Authenticate
Authenticate
In order to access the authenticated routes, we need to obtain an authentication token. We can do this by calling the app.authenticate() method and providing the necessary authentication credentials, such as the email and password.
app.authenticate({
strategy: "local",
email: "example@gmail.com",
password: "123456",
})
.then((result) => {
console.log({ result });
})
.catch((err) => {
console.log({ err });
});
Create
Create
To create a new "shopping" resource in a FeathersJS service, you can use the "create" method:
const shoppingService = app.service('shopping');
const newShopping = {
name: 'New Item',
category: 'Electronics',
price: 99.99
};
shoppingService.create(newShopping)
.then(response => {
console.log('Created shopping item:', response);
})
.catch(error => {
console.log('Error creating shopping item:', error);
});
In this example, we're using the "create" method to create a new "shopping" resource with the name "New Item", category "Electronics", and price of 99.99. The "then" method logs a message to the console with the newly created resource, and the "catch" method logs an error message if the creation fails.
Read
Read
To read a "shopping" resource from a FeathersJS service, you can use the "get" method:
const shoppingService = app.service('shopping');
const shoppingItemId = '12345';
shoppingService.get(shoppingItemId)
.then(response => {
console.log('Retrieved shopping item:', response);
})
.catch(error => {
console.log('Error retrieving shopping item:', error);
});
In this example, we're using the "get" method to retrieve the "shopping" resource with the ID of "12345". The "then" method logs a message to the console with the retrieved resource, and the "catch" method logs an error message if the retrieval fails.
Read all (Find)
Read all (Find)
To read all "shopping" resources in a FeathersJS service, you can use the "find" method:
const shoppingService = app.service('shopping');
shoppingService.find()
.then(response => {
console.log('Retrieved all shopping items:', response);
})
.catch(error => {
console.log('Error retrieving shopping items:', error);
});
In this example, we're using the "find" method to retrieve all "shopping" resources. The "then" method logs a message to the console with the retrieved resources, and the "catch" method logs an error message if the retrieval fails.
Update
Update
To update a "shopping" resource in a FeathersJS service, you can use the "update" method:
const shoppingService = app.service('shopping');
const shoppingItemId = '12345';
const updatedShopping = {
name: 'Updated Item',
category: 'Clothing',
price: 49.99
};
shoppingService.update(shoppingItemId, updatedShopping)
.then(response => {
console.log('Updated shopping item:', response);
})
.catch(error => {
console.log('Error updating shopping item:', error);
});
In this example, we're using the "update" method to update the "shopping" resource with the ID of "12345" with the new name "Updated Item", category "Clothing", and price of 49.99. The "then" method logs a message to the console with the updated resource, and the "catch" method logs an error message if the update fails.
Delete
Delete
To delete a "shopping" resource from a FeathersJS service, you can use the "remove" method:
const shoppingService = app.service('shopping');
const shoppingItemId = '12345';
shoppingService.remove(shoppingItemId)
.then(response => {
console.log('Deleted shopping item:', response);
})
.catch(error => {
console.log('Error deleting shopping item:', error);
});
In this example, we're using the "remove" method to delete the "shopping" resource with the ID of "12345". The "then" method logs a message to the console with the deleted resource, and the "catch" method logs an error message if the deletion fails.
Batch update
Batch update
To update multiple "shopping" resources at once in a FeathersJS service, you can use the "patch" method:
const shoppingService = app.service('shopping');
const query = { category: 'Electronics' };
const updates = { price: 79.99 };
shoppingService.patch(null, updates, { query })
.then(response => {
console.log('Updated shopping items:', response);
})
.catch(error => {
console.log('Error updating shopping items:', error);
});
In this example, we're using the "patch" method to update all "shopping" resources with a category of "Electronics" with a new price of 79.99. The "then" method logs a message to the console with the updated resources, and the "catch" method logs an error message if the update fails.
Batch delete
Batch delete
To delete multiple shopping resources at once in a FeathersJS service, you can use the remove method with a query:
const shoppingService = app.service('shopping');
const query = { category: 'Clothing' };
shoppingService.remove(null, { query })
.then(response => {
console.log('Deleted shopping items:', response);
})
.catch(error => {
console.log('Error deleting shopping items:', error);
});
In this example, we're using the "remove" method with a query to delete all "shopping" resources with a category of "Clothing". The "then" method logs a message to the console with the deleted resources, and the "catch" method logs an error message if the deletion fails.
Find (Query)
Find (Query)
To find "shopping" resources in a FeathersJS service, you can use the "find" method:
const shoppingService = app.service('shopping');
shoppingService.find({
query: {
category: 'Electronics'
}
})
.then(response => {
console.log('Found shopping items:', response);
})
.catch(error => {
console.log('Error finding shopping items:', error);
});
In this example, we're using the "find" method to find all shopping resources with a category of "Electronics". The then method logs a message to the console with the retrieved resources, and the "catch" method logs an error message if the retrieval fails.
Find (Query & Filter)
Find (Query & Filter)
You can also use the "$select" parameter to select only certain fields from the retrieved resources, and the "$sort" parameter to sort the retrieved resources by a certain field:
const shoppingService = app.service('shopping');
shoppingService.find({
query: {
category: 'Electronics',
$select: ['name', 'price'],
$sort: {
price: 1
}
}
})
.then(response => {
console.log('Found shopping items:', response);
})
.catch(error => {
console.log('Error finding shopping items:', error);
});
In this example, we're using the "find" method to find all "shopping" resources with a category of "Electronics", selecting only the "name" and "price" fields, and sorting the results by "price" in ascending order. The "then" method logs a message to the console with the retrieved resources, and the "catch" method logs an error message if the retrieval fails.
Real-time events
Real-time events
FeathersJS also supports real-time events, which allow clients to receive updates in real-time as resources are created, updated, or deleted on the server. To listen for real-time events for a "shopping" service, you can use the "on" method:
const shoppingService = app.service('shopping');
shoppingService.on('created', shoppingItem => {
console.log('New shopping item created:', shoppingItem);
});
shoppingService.on('updated', shoppingItem => {
console.log('Shopping item updated:', shoppingItem);
});
shoppingService.on('removed', shoppingItem => {
console.log('Shopping item removed:', shoppingItem);
});
In this example, we're using the "on" method to listen for "created", "updated", and "removed" events for "shopping" resources. When an event occurs, a message is logged to the console with the affected resource.
Note that in order to receive real-time events, you'll need to set up a FeathersJS client with a real-time transport like Socket.IO or Primus. You can find more information in the FeathersJS documentation.
Error handling
Error handling
When performing CRUD operations in a FeathersJS service, it's important to handle errors properly. Here's an example of how to handle errors when creating a "shopping" resource:
const shoppingService = app.service('shopping');
const newShopping = {
name: 'New Item',
category: 'Electronics',
price: 99.99
};
shoppingService.create(newShopping)
.then(response => {
console.log('Created shopping item:', response);
})
.catch(error => {
if (error.code === 400) {
console.log('Invalid shopping item:', error.message);
} else {
console.log('Error creating shopping item:', error);
}
});
In this example, we're using the "catch" method to handle any errors that occur when creating a "shopping" resource. We're checking the "code" property of the error to determine if it's a validation error (code 400). If it is, we're logging a message to the console with the validation error message. Otherwise, we're logging a generic error message with the error object.
Populating related resources
Populating related resources
FeathersJS also supports populating related resources when retrieving a resource from a service. This allows you to retrieve a "shopping" resource with its related "user" resource, for example. Here's an example of how to populate related resources:
const shoppingService = app.service('shopping');
shoppingService.get(shoppingItemId, {
query: {
$populate: 'user'
}
})
.then(response => {
console.log('Retrieved shopping item with user:', response);
})
.catch(error => {
console.log('Error retrieving shopping item:', error);
});
In this example, we're using the "get" method to retrieve a "shopping" resource with the ID of "shoppingItemId". We're passing in a "query" parameter with a "$populate" property set to "user". This will retrieve the related "user" resource and include it in the response. The "then" method logs a message to the console with the retrieved resource and its related "user" resource, and the "catch" method logs an error message if the retrieval fails.
Alternate Methods
Alternate Methods
Axios
Axios
Authenticate
Authenticate
The provided code snippet sends a POST request to http://localhost:3030/authentication using Axios. The request body, myBodyData, contains the authentication credentials (strategy, email, and password). Upon receiving the response, it logs the accessToken from the response data to the console and stores the accessToken in the local storage with the key 'stored-jwt'.
const myBodyData = {
strategy: "local",
email: "example@gmail.com",
password: "123456"
};
axios.post('http://localhost:3030/authentication', myBodyData)
.then((response) => {
const responseData = response.data.data;
const accessToken = responseData.accessToken;
console.log(accessToken);
localStorage.setItem('stored-jwt', accessToken);
});
The request body object is named myBodyData for better clarity.
The axios.post() method is used to send a POST request to http://localhost:3030/authentication, passing the URL as the first argument and myBodyData as the second argument.
The response data is assigned to the responseData variable to enhance code readability and avoid redundant property access.
The accessToken from responseData is assigned to a separate variable for better clarity.
The accessToken is logged to the console for improved readability.
The accessToken is stored in the local storage with the key 'stored-jwt' using localStorage.setItem().
Make sure that the API endpoint http://localhost:3030/authentication is properly configured to handle the authentication request and respond with the expected data format.
Get Example
Get Example
The code snippet provided retrieves a JWT token from the local storage using localStorage.getItem('stored-jwt'). It then creates a configuration object config with a header that includes the token for authorization purposes. Finally, it makes an HTTP GET request to http://localhost:3030/cart/ using Axios, passing the config object as part of the request. Upon receiving the response, it sets the retrieved data to the products state variable and logs the data to the console.
const token = localStorage.getItem('stored-jwt');
const config = {
headers: { Authorization: `Bearer ${token}` }
};
axios.get('http://localhost:3030/cart/', config)
.then((response) => {
const responseData = response.data.data;
console.log(responseData);
});
The retrieved JWT token is assigned to the token variable for better readability.
The configuration object is named config to clearly indicate its purpose.
The axios.get() method is used to make an HTTP GET request to the specified URL, http://localhost:3030/cart/, passing the config object as the second argument.
The response data is assigned to the responseData variable to improve code clarity and avoid redundant property access.
The logged data in the console now uses the responseData variable for clarity.
It's important to ensure that the token stored in the local storage is valid and properly obtained for secure and authorized access to the protected resource.
Page updated
Report abuse