Strapi 4 Update User Me - A Customization for Backend (such as the final user in website)
Seems strapi has no built in PUT or PATCH route to update user in production (such as user website) Got this code from Strapi in YouTube Updating Your Own User Info in Strapi (opens in a new tab) Implemented and it solved the problem:
Endpoint is /user/me
For example in localhost http://localhost:1337/api/user/me or production https://www.example.com/api/user/me
You need JWT token generated by user login /api/auth/local Strapi User Login
Create your js or ts file:
./src/extensions/users-permissions/strapi-server.ts
export default (plugin) => {
plugin.controllers.user.updateMe = async (ctx) => {
// Check user existence
if (!ctx.state.user || !ctx.state.user.id) {
return ctx.response.status = 401; // Unauthorized
}
// Update the user's data
await strapi.query("plugin::users-permissions.user").update({
where: { id: ctx.state.user.id },
data: ctx.request.body
}).then((res) => {
ctx.response.status = 200; // Success
});
};
// Add a new route to the content API
plugin.routes["content-api"].routes.push({
method: "PUT",
path: "/user/me",
handler: "user.updateMe",
config: {
prefix: "",
policies: [] // Add policies if needed for security
}
});
return plugin;
};Usage Example with javascript request:
const api_url = process.env.API_URL; // Localhost: http://127.0.0.1:1337 or Production: https://www.example.com
// Dynamic JWT token received from the user login.
// It Refreshs after 7 to 30 days according to your strapi config
// Handle with https://next-auth.js.o or create your own localStorage
const JWT_TOKEN = "eyJhbGciOiJIUzI1R5cCI6NiIsInIkpXVCJ9.eyJpZCI6NiwiaWF0IjoxNzM2MzgxMDkwLCJleHAiOjE3Mzg5NzMwOTB9.YvdTubzCO2BJru1734dhrfiZ9SgDt0w9pEtEWeyEjFM"; // jwt sample
fetch(`${api_url}/api/user/me`, {
method: "PUT",
headers: {
"Content-Type": "application/json",
"Authorization": `Bearer ${JWT_TOKEN}` // Keep the Baerer prefix
},
body: JSON.stringify({
username: "Wilson",
birthdate: "1995-02-15",
address: "Sycamore Street 5th"
bookmarks: {
connect: [9, 3, 42]
}
});
}).then(response => {
if (!response.ok) {
// Handle errors
return response.json().then(err => console.error("Error updating user:", err));
}
return response.json(); // Parse the response JSON
}).then(updatedUser => {
// Log the updated user data
console.log("User updated successfully:", updatedUser);
}).catch(error => {
// Handle fetch errors
console.error("Request failed:", error);
});
Last updated on