* Fix issue on fixed total amount discount when using includes tax (#3472) The calculation of the fixed discount amount breaks when having includes_tax setting active, due to the line item totals are incorrect and returning everything as 0, thus the totalItemPercentage will be Infinitiy due to the division by a subtotal of 0 * chore: Add missing changeset for @medusajs/medusa * feat(medusa): Improve performance of Products domain (#3417) * feat(medusa): Improve product update performances * fix tests and update * update mock repo * improve repo * cleanup * fix * cleanup + bulk emit + unit test fix * improvements * improve * fix unit tests * fix export * fix product update handler * enhance mock repo * fix import integration * fix end point tests * revert mock repo product variant * fix unit * cleanup * cleanup * address feedback * fix quotes in tests * address feedback * Create new-tips-mate.md * use types * chore: Remove integration-tests from changeset * chore(release): v1.7.14 * chore(docs): Generated Docs Announcement Bar (automated) (#3489) Co-authored-by: olivermrbl <olivermrbl@users.noreply.github.com> * fix(medusa): EventBusService.emit using Redis mock (#3491) * Fix eventBusService.emit using redis mock * revert gitignore * enqueuer * unit test add redis_url * fix test * chore(docs): Generated Services Reference (automated) (#3490) Co-authored-by: olivermrbl <olivermrbl@users.noreply.github.com> * docs: publish restructure (#3496) * docs: added features and guides overview page * added image * added version 2 * added version 3 * added version 4 * docs: implemented new color scheme * docs: redesigned sidebar (#3193) * docs: redesigned navbar for restructure (#3199) * docs: redesigned footer (#3209) * docs: redesigned cards (#3230) * docs: redesigned admonitions (#3231) * docs: redesign announcement bar (#3236) * docs: redesigned large cards (#3239) * docs: redesigned code blocks (#3253) * docs: redesigned search modal and page (#3264) * docs: redesigned doc footer (#3268) * docs: added new sidebars + refactored css and assets (#3279) * docs: redesigned api reference sidebar * docs: refactored css * docs: added code tabs transition * docs: added new sidebars * removed unused assets * remove unusued assets * Fix deploy errors * fix incorrect link * docs: fixed code responsivity + missing icons (#3283) * docs: changed icons (#3296) * docs: design fixes to the sidebar (#3297) * redesign fixes * docs: small design fixes * docs: several design fixes after restructure (#3299) * docs: bordered icon fixes * docs: desgin fixes * fixes to code blocks and sidebar scroll * design adjustments * docs: restructured homepage (#3305) * docs: restructured homepage * design fixes * fixed core concepts icon * docs: added core concepts page (#3318) * docs: restructured homepage * design fixes * docs: added core concepts page * changed text of different components * docs: added architecture link * added missing prop for user guide * docs: added regions overview page (#3327) * docs: added regions overview * moved region pages to new structure * docs: fixed description of regions architecture page * small changes * small fix * docs: added customers overview page (#3331) * docs: added regions overview * moved region pages to new structure * docs: fixed description of regions architecture page * small changes * small fix * docs: added customers overview page * fix link * resolve link issues * docs: updated regions architecture image * docs: second-iteration fixes (#3347) * docs: redesigned document * design fixes * docs: added products overview page (#3354) * docs: added carts overview page (#3363) * docs: added orders overview (#3364) * docs: added orders overview * added links in overview * docs: added vercel redirects * docs: added soon badge for cards (#3389) * docs: resolved feedback changes + organized troubleshooting pages (#3409) * docs: resolved feedback changes * added extra line * docs: changed icons for restructure (#3421) * docs: added taxes overview page (#3422) * docs: added taxes overview page * docs: fix sidebar label * added link to taxes overview page * fixed link * docs: fixed sidebar scroll (#3429) * docs: added discounts overview (#3432) * docs: added discounts overview * fixed links * docs: added gift cards overview (#3433) * docs: added price lists overview page (#3440) * docs: added price lists overview page * fixed links * docs: added sales channels overview page (#3441) * docs: added sales overview page * fixed links * docs: added users overview (#3443) * docs: fixed sidebar border height (#3444) * docs: fixed sidebar border height * fixed svg markup * docs: added possible solutions to feedback component (#3449) * docs: added several overview pages + restructured files (#3463) * docs: added several overview pages * fixed links * docs: added feature flags + PAK overview pages (#3464) * docs: added feature flags + PAK overview pages * fixed links * fix link * fix link * fixed links colors * docs: added strategies overview page (#3468) * docs: automated upgrade guide (#3470) * docs: automated upgrade guide * fixed vercel redirect * docs: restructured files in docs codebase (#3475) * docs: restructured files * docs: fixed eslint exception * docs: finished restructure loose-ends (#3493) * fixed uses of backend * docs: finished loose ends * eslint fixes * fixed links * merged master * added update instructions for v1.7.12 * docs: fixed discount details (#3499) * docs: fix trailing slash causing 404 (#3508) * docs: fix error during navigation (#3509) * docs: removed the gatsby storefront guide (#3527) * docs: removed the gatsby storefront guide * docs: fixed query value * chore(docs): Removed Docs Announcement Bar (automated) (#3536) Co-authored-by: shahednasser <shahednasser@users.noreply.github.com> * fix(medusa): Variant update should include the id for the listeners to be able to identify the entity (#3539) * fix(medusa): Variant update should include the id for the listeners to be able to identify the entity * fix unit tests * Create brave-seahorses-film.md * docs: fix admin redirects (#3548) * chore(release): v1.7.15 * chore(docs): Generated Docs Announcement Bar (automated) (#3550) Co-authored-by: olivermrbl <olivermrbl@users.noreply.github.com> * chore(docs): Generated Services Reference (automated) (#3551) Automated changes by [create-pull-request](https://github.com/peter-evans/create-pull-request) GitHub action Co-authored-by: Oliver Windall Juhl <59018053+olivermrbl@users.noreply.github.com> * chore: updated READMEs of plugins (#3546) * chore: updated READMEs of plugins * added notice to plugins * docs: added a deploy guide for next.js storefront (#3558) * docs: added a deploy next.js guide * docs: fix image zoom * docs: fixes to next.js deployment guide to vercel (#3562) * chore(workflows): Enable manual workflow in pre-release mode (#3566) * chore(docs): Removed Docs Announcement Bar (automated) (#3598) Co-authored-by: shahednasser <shahednasser@users.noreply.github.com> * fix(medusa): Rounding issues on line item adjustments (#3446) * chores(medusa): Attempt to fix discount rounding issues * add migration * update entities * apply multipler factor properly * fix discount service * WIP * fix rounding issues in discounts * fix some tests * Exclude raw_discount_total from responses * fix adjustments * cleanup response * fix * fix draft order integration * fix order integration * fix order integration * address feedback * fix test * Create .changeset/polite-llamas-sit.md * remove comment --------- Co-authored-by: Oliver Windall Juhl <59018053+olivermrbl@users.noreply.github.com> * chore(workflows): Add release notification (#3629) --------- Co-authored-by: pepijn-vanvlaanderen <pepijn@webbers.com> Co-authored-by: olivermrbl <oliver@mrbltech.com> Co-authored-by: Adrien de Peretti <adrien.deperetti@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: olivermrbl <olivermrbl@users.noreply.github.com> Co-authored-by: Carlos R. L. Rodrigues <37986729+carlos-r-l-rodrigues@users.noreply.github.com> Co-authored-by: shahednasser <shahednasser@users.noreply.github.com> Co-authored-by: Oliver Windall Juhl <59018053+olivermrbl@users.noreply.github.com>
340 lines
9.0 KiB
Markdown
340 lines
9.0 KiB
Markdown
---
|
||
description: 'Learn how to create endpoints in Medusa. This guide also includes how to add CORS configurations, creating multiple endpoints, adding protected routes, and more.'
|
||
addHowToData: true
|
||
---
|
||
|
||
# How to Create Endpoints
|
||
|
||
In this document, you’ll learn how to create endpoints in Medusa.
|
||
|
||
## Overview
|
||
|
||
Custom endpoints are created under the `src/api` directory in your Medusa Backend. They're defined in a TypeScript or JavaScript file named `index` (for example, `index.ts`). This file should export a function that returns an Express router
|
||
|
||
They're then transpiled into the `/dist/api` directory to be consumed.
|
||
|
||
---
|
||
|
||
## Implementation
|
||
|
||
To create a new endpoint, start by creating a new file in `src/api` called `index.ts`. At its basic format, `index.ts` should look something like this:
|
||
|
||
```ts title=src/api/index.ts
|
||
import { Router } from "express"
|
||
|
||
export default (rootDirectory, pluginOptions) => {
|
||
const router = Router()
|
||
|
||
router.get("/hello", (req, res) => {
|
||
res.json({
|
||
message: "Welcome to My Store!",
|
||
})
|
||
})
|
||
|
||
return router
|
||
}
|
||
```
|
||
|
||
This exports a function that returns an Express router. The function receives two parameters:
|
||
|
||
- `rootDirectory` is the absolute path to the root directory that your backend is running from.
|
||
- `pluginOptions` is an object that has your plugin's options. If your API route is not implemented in a plugin, then it will be an empty object.
|
||
|
||
### Endpoints Path
|
||
|
||
Your endpoint can be under any path you wish.
|
||
|
||
By Medusa’s conventions:
|
||
|
||
- All Storefront REST APIs are prefixed by `/store`. For example, the `/store/products` endpoint lets you retrieve the products to display them on your storefront.
|
||
- All Admin REST APIs are prefixed by `/admin`. For example, the `/admin/products` endpoint lets you retrieve the products to display them on your Admin.
|
||
|
||
You can also create endpoints that don't reside under these two prefixes, similar to the `hello` endpoint in the previous example.
|
||
|
||
---
|
||
|
||
## CORS Configuration
|
||
|
||
If you’re adding a storefront or admin endpoint and you want to access these endpoints from the storefront or Medusa admin, you need to pass your endpoints Cross-Origin Resource Origin (CORS) options using the `cors` package.
|
||
|
||
First, you need to import the necessary utility functions and types from Medusa's packages with the `cors` library:
|
||
|
||
```ts
|
||
import {
|
||
getConfigFile,
|
||
parseCorsOrigins,
|
||
} from "medusa-core-utils"
|
||
import {
|
||
ConfigModule,
|
||
} from "@medusajs/medusa/dist/types/global"
|
||
import cors from "cors"
|
||
```
|
||
|
||
Next, in the exported function, retrieve the CORS configurations of your backend using the utility functions you imported:
|
||
|
||
```ts
|
||
export default (rootDirectory) => {
|
||
// ...
|
||
|
||
const { configModule } =
|
||
getConfigFile<ConfigModule>(rootDirectory, "medusa-config")
|
||
const { projectConfig } = configModule
|
||
|
||
// ....
|
||
}
|
||
```
|
||
|
||
Then, create an object that will hold the CORS configurations. If it’s a storefront endpoint, pass the `origin` property storefront options:
|
||
|
||
```ts
|
||
const corsOptions = {
|
||
origin: projectConfig.store_cors.split(","),
|
||
credentials: true,
|
||
}
|
||
```
|
||
|
||
If it’s an admin endpoint, pass the `origin` property admin options:
|
||
|
||
```ts
|
||
const corsOptions = {
|
||
origin: projectConfig.admin_cors.split(","),
|
||
credentials: true,
|
||
}
|
||
```
|
||
|
||
Finally, for each route you add, create an `OPTIONS` request and add `cors` as a middleware for the route passing it the CORS option:
|
||
|
||
```ts
|
||
router.options("/admin/hello", cors(corsOptions))
|
||
router.get("/admin/hello", cors(corsOptions), (req, res) => {
|
||
// ...
|
||
})
|
||
```
|
||
|
||
---
|
||
|
||
## Create Multiple Endpoints
|
||
|
||
### Same File
|
||
|
||
You can add more than one endpoint in `src/api/index.ts`:
|
||
|
||
```ts title=src/api/index.ts
|
||
router.options("/store/hello", cors(storeCorsOptions))
|
||
router.get(
|
||
"/store/hello",
|
||
cors(storeCorsOptions),
|
||
(req, res) => {
|
||
res.json({
|
||
message: "Welcome to Your Store!",
|
||
})
|
||
}
|
||
)
|
||
|
||
router.options("/admin/hello", cors(adminCorsOptions))
|
||
router.get(
|
||
"/admin/hello",
|
||
cors(adminCorsOptions),
|
||
(req, res) => {
|
||
res.json({
|
||
message: "Welcome to Your Admin!",
|
||
})
|
||
}
|
||
)
|
||
```
|
||
|
||
### 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/store.ts` with the following content:
|
||
|
||
```ts title=src/api/store.ts
|
||
import cors from "cors"
|
||
import { projectConfig } from "../../medusa-config"
|
||
|
||
export default (router) => {
|
||
const storeCorsOptions = {
|
||
origin: projectConfig.store_cors.split(","),
|
||
credentials: true,
|
||
}
|
||
router.options("/store/hello", cors(storeCorsOptions))
|
||
router.get(
|
||
"/store/hello",
|
||
cors(storeCorsOptions),
|
||
(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 `store/hello` to it.
|
||
|
||
Next, create the file `src/api/admin.ts` with the following content:
|
||
|
||
```ts title=src/api/admin.ts
|
||
import cors from "cors"
|
||
import { projectConfig } from "../../medusa-config"
|
||
|
||
export default (router) => {
|
||
const adminCorsOptions = {
|
||
origin: projectConfig.admin_cors.split(","),
|
||
credentials: true,
|
||
}
|
||
router.options("/admin/hello", cors(adminCorsOptions))
|
||
router.get(
|
||
"/admin/hello",
|
||
cors(adminCorsOptions),
|
||
(req, res) => {
|
||
res.json({
|
||
message: "Welcome to Your Admin!",
|
||
})
|
||
}
|
||
)
|
||
}
|
||
```
|
||
|
||
Again, you export a function that receives an Express router as a parameter and adds the endpoint `admin/hello` to it.
|
||
|
||
Finally, in `src/api/index.ts` import the two functions at the beginning of the file:
|
||
|
||
```ts title=src/api/index.ts
|
||
import { Router } from "express"
|
||
import storeRoutes from "./store"
|
||
import adminRoutes from "./admin"
|
||
```
|
||
|
||
and in the exported function, call each of the functions passing them the Express router:
|
||
|
||
```ts title=src/api/index.ts
|
||
export default () => {
|
||
const router = Router()
|
||
|
||
storeRoutes(router)
|
||
adminRoutes(router)
|
||
|
||
return router
|
||
}
|
||
```
|
||
|
||
---
|
||
|
||
## Protected Routes
|
||
|
||
Protected routes are routes that should be accessible by logged-in customers or users only.
|
||
|
||
### Protect Store Routes
|
||
|
||
To make a storefront route protected, first, import the `authenticate-customer` middleware:
|
||
|
||
<!-- eslint-disable max-len -->
|
||
|
||
```ts
|
||
import
|
||
authenticate
|
||
from "@medusajs/medusa/dist/api/middlewares/authenticate-customer"
|
||
```
|
||
|
||
Then, add the middleware to your route:
|
||
|
||
```ts
|
||
router.options("/store/hello", cors(corsOptions))
|
||
router.get("/store/hello", cors(corsOptions), authenticate(),
|
||
async (req, res) => {
|
||
if (req.user) {
|
||
// user is logged in
|
||
// to get customer id: req.user.customer_id
|
||
}
|
||
// ...
|
||
}
|
||
)
|
||
```
|
||
|
||
Please note that the endpoint is still accessible by all users, however, you’ll be able to access the current logged-in customer if there’s any.
|
||
|
||
To disallow guest customers from accessing the endpoint, you can throw an error if `req.user` is `false`.
|
||
|
||
### Protect Admin Routes
|
||
|
||
To make an admin route protected, first, import the `authenticate` middleware:
|
||
|
||
<!-- eslint-disable max-len -->
|
||
|
||
```ts
|
||
import
|
||
authenticate
|
||
from "@medusajs/medusa/dist/api/middlewares/authenticate"
|
||
```
|
||
|
||
Then, add the middleware to your route:
|
||
|
||
```ts
|
||
router.options("/admin/products/count", cors(corsOptions))
|
||
router.get(
|
||
"/admin/products/count",
|
||
cors(corsOptions),
|
||
authenticate(),
|
||
async (req, res) => {
|
||
// access current user
|
||
const id = req.user.userId
|
||
const userService = req.scope.resolve("userService")
|
||
|
||
const user = await userService.retrieve(id)
|
||
// ...
|
||
}
|
||
)
|
||
```
|
||
|
||
Now, only authenticated users can access this endpoint.
|
||
|
||
---
|
||
|
||
## 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:
|
||
|
||
```ts
|
||
router.get(
|
||
"/admin/products/count",
|
||
cors(corsOptions),
|
||
authenticate(),
|
||
(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.
|
||
|
||
---
|
||
|
||
## Building Files
|
||
|
||
Custom endpoints must be transpiled and moved to the `dist` directory before you can start consuming them. When you run your backend using the `medusa develop` command, it watches the files under `src` for any changes, then triggers the `build` command and restarts the server.
|
||
|
||
The build isn't triggerd though when the backend first starts running. So, make sure to run the `build` command before starting the backend:
|
||
|
||
```bash npm2yarn
|
||
npm run build
|
||
```
|
||
|
||
---
|
||
|
||
## See Also
|
||
|
||
- [Storefront API Reference](/api/store)
|
||
- [Admin API Reference](/api/admin)
|