Updating and Deleting Resources with PUT, PATCH, and DELETE
Welcome to this lesson focused on enhancing your skills in interacting with RESTful APIs by updating and deleting resources. In the previous lessons, you learned how to retrieve and create resources using the GET and POST methods. Now, you will explore the PUT, PATCH, and DELETE methods, which are crucial for modifying existing resources or removing them when they are no longer needed.
Understanding PUT, PATCH, and DELETE Methods
To effectively manage resources within an API, it's essential to understand how to use the following methods:
PUT: This method is used for completely updating a resource. You replace the current resource with the new data you provide in the request body. For example, if you're updating a to-do item, you'll include all the new details of the item in the body of the request and specify the resource ID in the request path to indicate which item you are updating.
PATCH: Use this method to make partial updates to a resource. You only need to include the specific fields you're updating in the request body. For instance, if you're only changing the description of a to-do item, you'll pass just the new description in the body. The resource ID is specified in the request path to identify which item is being modified.
DELETE: This straightforward method removes a resource from the server. You specify which resource to delete by including its identifier in the request path. No request body is needed since you're not sending any data, just instructing the server to remove the resource corresponding to that ID.
Successful requests using these methods typically return status codes of 200 (OK) or 204 (No Content). A 200 status code means the operation was successful and also returns content, such as a representation of the updated resource. In contrast, a 204 status code indicates success but with no content returned, meaning the server successfully processed the request but isn't providing any additional information. These methods are crucial for performing full CRUD (Create, Read, Update, Delete) functionality in API management. Let's delve deeper into each method and explore how they are implemented using Dart.
Setting Up the Dart Environment
Before executing HTTP requests, let's import the http package and define the base URL for our API interactions:
import 'dart:convert';import 'package:http/http.dart' as http;void main() async { // Base URL for the API final String baseUrl = "http://localhost:8000"; // Rest of the code...}
With this setup in place, you're well-prepared to explore PUT, PATCH, and DELETE operations for resource management.
Updating Resources with PUT
Partial Updates with PATCH
Deleting Resources with DELETE
Summary and Preparation for Practice Exercises
This lesson provided you with a comprehensive understanding of the PUT, PATCH, and DELETE methods, enhancing your ability to modify and manage resources through API interactions. You learned how to update complete resources with PUT, make partial modifications with PATCH, and delete resources using DELETE. Understanding these operations is key to mastering CRUD functionality in RESTful API management.
As you proceed to the practice exercises, you're encouraged to apply these concepts to reinforce your understanding and learn through practice. Each operation is a building block towards becoming proficient in interacting with APIs using Dart. Keep up the great work as you progress through the exercises, further cementing your knowledge and skills in API resource management!
Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal
Dart
import 'dart:convert';import 'package:http/http.dart' as http;void main() async { // Base URL for the API final String baseUrl = "http://localhost:8000"; // Rest of the code...}
The PUT method is utilized when you need to update an entire resource. Imagine you have a to-do item that needs a complete overhaul, such as updating the task description, adding more details, or marking it as completed. The PUT request replaces the current resource representation with the new one you provide.
Here's an example of how to send a PUT request to update a to-do item:
Dart
void main() async { // Todo ID to update final int todoId = 1; // Updated todo data for PUT final Map<String, dynamic> updatedTodo = { "title": "Buy groceries and snacks", "done": true, "description": "Milk, eggs, bread, coffee, and chips." }; // Send PUT request final response = await http.put( Uri.parse('$baseUrl/todos/$todoId'), headers: {"Content-Type": "application/json"}, body: jsonEncode(updatedTodo), ); // Check if the request was successful if (response.statusCode == 200) { print("Todo updated successfully with PUT!"); print(response.body); } else { // Handle potential errors print("Error updating the todo with PUT"); print("Status Code: ${response.statusCode}"); print("Error Details: ${response.body}"); }}
In this code, we specify the complete new data for the to-do item and send the request using the http.put method. Upon receiving a 200 status code, you know the update was successful, and you can print the new representation of the to-do item. It's important to note that for our API, a PUT request requires all fields (title, description, and done) to be provided. If any field is missing, the request will fail and return a status code of 400. In cases where you only need to update specific fields, rather than the entire resource, the PATCH method is more suitable.
Unlike PUT, the PATCH method is specifically designed for partial updates. When you need to modify only a specific field of a resource, PATCH ensures system efficiency and data integrity without the need to send a full representation.
Here's an example of performing a PATCH request on a resource:
Dart
void main() async { // Todo ID to update final int todoId = 2; // Partial updated data final Map<String, dynamic> patchData = {"description": "Updated description"}; // Send PATCH request final response = await http.patch( Uri.parse('$baseUrl/todos/$todoId'), headers: {"Content-Type": "application/json"}, body: jsonEncode(patchData), ); // Check if the request was successful if (response.statusCode == 200) { print("Todo updated successfully with PATCH!"); print(response.body); } else { // Handle potential errors print("Error updating the todo with PATCH"); print("Status Code: ${response.statusCode}"); print("Error Details: ${response.body}"); }}
In this scenario, only the description field is updated. After sending the PATCH request through the http.patch method, we can check the response status code to confirm success. Successful updates with a status code of 200 allow you to view the updated resource fields, while any errors are managed by inspecting and printing error details.
After learning how to update resources using PUT and PATCH, let's move on to deleting resources with the DELETE method. This method is straightforward — it's used to remove a resource from the server, which is important for keeping your data clean and relevant.
Here's how you can perform a DELETE request:
Dart
void main() async { // Todo ID to delete final int todoId = 3; // Send DELETE request final response = await http.delete(Uri.parse('$baseUrl/todos/$todoId')); // Check if the request was successful if (response.statusCode == 200) { print("Todo deleted successfully!"); } else { // Handle potential errors print("Error deleting the todo"); print("Status Code: ${response.statusCode}"); print("Error Details: ${response.body}"); }}
In this example, we're sending a DELETE request to remove a specific to-do item by specifying its ID in the request path. When the server successfully deletes the resource, you will typically receive a 200 status code. This code means the deletion was successful, and the server might return some content, such as a confirmation message. However, it's important to note that some services might return a 204 status code with no content. This can vary depending on how the service is designed, so always check the API documentation for specifics on how it handles deletions.
