A reference app implementing a VTEX IO service with HTTP route handlers.

We use KoaJS as the web framework, so you might want to get into that
We also use the node-vtex-api, a VTEX set of utilities for Node services. You can import this package using NPM from @vtex/api (already imported on this project)
- Start from
node/index.tsand follow the comments and imports :)
Defining routes on service.json
_13{_13 "memory": 256,_13 "ttl": 10,_13 "timeout": 2,_13 "minReplicas": 2,_13 "maxReplicas": 4,_13 "routes": {_13 "status": {_13 "path": "/_v/status/:code",_13 "public": true_13 }_13 }_13}
The service.json file that sits on the root of the node folder holds information about this service, like the maximum timeout and number of replicas, but also sets its routes.
Koa uses the path-to-regexp format for defining routes and, as seen in the example, we use the :code notation for declaring a route param named code. An HTTP request for https://{{workspace}}--{{account}}.myvtex.com/_v/status/500 will match the route we've defined.
For each key on the routes object, there should be a corresponding entry on the exported Service object on node/index.ts. This will hook your code to a specific route.
Access Control
You can also provide a public option for each route. If true, that resource will be reachable to everyone on the internet. If false, VTEX credentials will be requested as well.
Another way of controlling access to specific routes is using ReBACs (Resource-based access), which supports a more robust configuration. You can read more on this document (VTEX only).
Query String
For ?accepting=query-string, you don't need to declare anything, as any query provided to the URL will already be available for you to use on the code as ctx.query, already parsed as an object, or ctx.queryString, taken directly from the URL as a string.
Route Params
Route Params will be available for you to use on the code as ctx.vtex.params, already parsed as an object.
For a path like /_v/status/:code, if you receive the request /_v/status/200, ctx.vtex.params will return { code: '200' }
HTTP methods
When you define a route on the service.json, your NodeJS handlers for that route will be triggered on every HTTP method (GET, POST, PUT...), so if you need to handle them separately, you need to implement a "sub-router". Fortunately, the node-vtex-api provides a helper function method, exported from @vtex/api, to accomplish that behavior. Instead of passing your handlers directly to the corresponding route on index.ts, you pass a method call passing an object with the desired method as key and one handler as its corresponding value.
Check this example:
_12import { method } from '@vtex/api'_12..._12_12export default new Service<Clients, State>({_12 clients,_12 routes: {_12 status: method({_12 GET: statusGetHandler,_12 POST: statusPostHandler,_12 }),_12 },_12})
Throwing errors
When building an HTTP service, we should follow HTTP rules regarding data types, cache, authorization, and status codes. Our example app sets a ctx.status value that will be used as an HTTP status code return value, but often, we also want to give proper information about errors.
The node-vtex-api already exports a handful of custom error classes that can be used for that purpose, like the NotFoundError. You just need to throw them inside one of the route handlers that the appropriate response will be sent to the server.
_10import { UserInputError } from '@vtex/api'_10_10export async function validate(ctx: Context, next: () => Promise<any>) {_10 const { code } = ctx.vtex.route.params_10 if (isNaN(code) || code < 100 || code > 600) {_10 throw new UserInputError('Code must be a number between 100 and 600')_10 }_10...
You can check all the available errors here, but some are not useful for just-HTTP services. Check the most useful ones:
| Error Class | HTTP Code |
|---|---|
UserInputError | 400 |
AuthenticationError | 401 |
ForbiddenError | 403 |
NotFoundError | 404 |
You can also create your custom error, just see how it's done above ;)
Reading a JSON body
When writing POST or PUT handlers, for example, you often need to have access to the request body that comes in a JSON format, which is not provided directly by the handler function.
For this, you have to use the co-body package that will parse the request into a readable JSON object, used as below:
_10import { json } from 'co-body'_10export async function method(ctx: Context, next: () => Promise<any>) {_10 const body = await json(ctx.req)
Testing
@vtex/test-tools and @types/jest should be installed on ./node package as devDependencies.
Run vtex test and Jest will do its thing.
Check the node/__tests__/simple.test.ts test case and also Jest's Documentation.