Merge pull request medusajs#1100 from medusajs/docs/advanced-backend-…

…endpoint-admin

docs: Add Endpoint for Admin

docs/content/advanced/backend/endpoints/add-admin.md

@@ -0,0 +1,206 @@
+---
+title: Add Endpoint for Admin
+---
+
+# Add Endpoint for Admin
+
+In this document, you’ll learn how to add a custom endpoint in the Backend that you can use from the Admin.
+
+## Overview
+
+Custom endpoints reside under the `src/api` directory in your Medusa Backend. To define a new endpoint, you can add the file `index.js` under the `src/api` directory. This file should export a function that returns an Express router.
+
+Your endpoint can be under any path you wish. By Medusa’s conventions, all Admin REST APIs are prefixed by `/admin`. For example, the `/admin/products` lets you retrieve the products to display them on your Admin.
+
+## Implementation
+
+To create a new endpoint, start by creating a new file in `src/api` called `index.js`. At its basic format, `index.js` should look something like this:
+
+```js
+import { Router } from "express"
+
+export default () => {
+  const router = Router()
+
+  router.get("/admin/hello", (req, res) => {
+    res.json({
+      message: "Welcome to Your Store!"
+    })
+  })
+
+  return router
+}
+```
+
+This exports a function that returns an Express router. In that function, you can create one or more endpoints. In the example above, you create the endpoint `/admin/hello`.
+
+Now, if you run your server and send a request to `/admin/hello`, you will receive a JSON response message.
+
+> Custom endpoints are compiled into the `dist` directory of your Backend when you run your server using `medusa develop`, while it’s running, and when you run `npm run build`.
+
+## Accessing Endpoints from Admin
+
+If you’re customizing the admin dashboard or creating your own, you need to use the `cors` library. A `OPTIONS` request should be added for each route and handle the requests with the `cors` library.
+
+First, you need to import your Medusa’s configurations along with the `cors` library:
+
+```js
+import cors from "cors"
+import { projectConfig } from "../../medusa-config"
+```
+
+Then, create an object that will hold the CORS configurations:
+
+```js
+const corsOptions = {
+    origin: projectConfig.admin_cors.split(","),
+    credentials: true,
+}
+```
+
+Finally, for each route you add, create an `OPTIONS` request:
+
+```js
+router.options("/admin/hello", cors(corsOptions))
+router.get("/admin/hello", (req, res) => {
+  //...
+});
+```
+
+## Multiple Endpoints
+
+### Same File
+
+You can add more than one endpoints in `src/api/index.js`:
+
+```js
+router.get("/admin/hello", (req, res) => {
+  res.json({
+    message: "Welcome to Your Store!"
+  })
+})
+
+router.get("/admin/bye", (req, res) => {
+  res.json({
+    message: "Come back again!"
+  })
+})
+```
+
+### Multiple Files
+
+Alternatively, you can add multiple files for each endpoint or set of endpoints for readability and easy maintenance.
+
+To do that with the previous example, first, create the file `src/api/hello.js` with the following content:
+
+```js
+export default (router) => {
+  router.get("/admin/hello", (req, res) => {
+    res.json({
+      message: "Welcome to Your Store!"
+    })
+  })
+}
+```
+
+You export a function that receives an Express router as a parameter and adds the endpoint `admin/hello` to it.
+
+Next, create the file `src/api/bye.js` with the following content:
+
+```js
+export default (router) => {
+  router.get("/admin/bye", (req, res) => {
+    res.json({
+      message: "Come back again!"
+    })
+  })
+}
+```
+
+Again, you export a function that receives an Express router as a parameter and adds the endpoint `admin/bye` to it.
+
+Finally, in `src/api/index.js` import the two functions at the beginning of the file:
+
+```js
+import helloRoute from "./hello"
+import byeRoute from "./bye"
+```
+
+and in the exported function, call each of the functions passing them the Express router:
+
+```js
+export default () => {
+  const router = Router()
+
+  helloRoute(router)
+  byeRoute(router)
+
+  return router
+}
+```
+
+## Use Services
+
+Services in Medusa bundle a set of functionalities into one class. Then, you can use that class anywhere in your Backend. For example, you can use the `ProductService` to retrieve products or perform operations like creating or updating a product.
+
+You can retrieve any registered service in your endpoint using `req.scope.resolve` passing it the service’s registration name.
+
+Here’s an example of an endpoint that retrieves the count of products in your store:
+
+```js
+router.get('/admin/products/count', (req, res) => {
+    const productService = req.scope.resolve('productService')
+
+    productService
+      .count()
+      .then((count) => {
+        res.json({
+          count
+        })
+      })
+  })
+```
+
+The `productService` has a `count` method that returns a Promise. This Promise resolves to the count of the products. You return a JSON of the product count.
+
+## Protected Routes
+
+Protected routes are routes that should be accessible by logged-in users only.
+
+To make a route protected, first, import the `authenticate` middleware:
+
+```js
+import authenticate from '@medusajs/medusa/dist/api/middlewares/authenticate'
+```
+
+Then, add the middleware to your route:
+
+```js
+router.get('/store/products/count', authenticate(), (req, res) => {
+  //...
+})
+```
+
+Now, only authenticated users can access this endpoint.
+
+### Accessing Current User
+
+You can get the logged-in user ID using `req.user`:
+
+```js
+const id = req.user.userId
+```
+
+To get the user’s details, you can use the `userService`:
+
+```js
+const id = req.user.userId
+const userService = req.scope.resolve("userService")
+
+const user = await userService.retrieve(id)
+```
+
+## What’s Next 🚀
+
+- [Learn how to add an endpoint for the Storefront.](/advanced/backend/endpoints/add-storefront)
+- [Check out the API reference for all available endpoints.](https://docs.medusajs.com/api/admin)

docs/content/advanced/backend/endpoints/add-storefront.md

@@ -173,4 +173,5 @@ const customer = await customerService.retrieve(id)
 
 ## What’s Next :rocket:
 
-- [Check out the API reference for all available endpoints.](https://docs.medusajs.com/api/store)
+- [Learn how to add an endpoint for the Admin.](/advanced/backend/endpoints/add-admin)
+- [Check out the API reference for all available endpoints.](https://docs.medusajs.com/api/store)

www/docs/sidebars.js

@@ -120,6 +120,11 @@ module.exports = {
                   id: "advanced/backend/endpoints/add-storefront",
                   label: "Add Endpoint for Storefront"
                 },
+                {
+                  type: "doc",
+                  id: "advanced/backend/endpoints/add-admin",
+                  label: "Add Endpoint for Admin"
+                },
               ]
             },
             {

www/docs/yarn.lock

@@ -9886,4 +9886,4 @@ yocto-queue@^0.1.0:
 zwitch@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-1.0.5.tgz#d11d7381ffed16b742f6af7b3f223d5cd9fe9920"
-  integrity sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==
+  integrity sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==