This page guides you through the steps of configuring your Hono application to work with Apitally. If you don’t have an account yet, now would be a good time to sign up.

Once you’re done with this guide, you will be able to:

  • Monitor traffic to your application on our simple dashboard
  • Keep track of errors, response times and payload sizes
  • Understand how individual API consumers use your application
  • Monitor your application’s uptime and receive alerts when it’s down

​
Create app

To get started, create a new app in the Apitally dashboard and select as your framework.

Here you can also configure the environments (e.g. prod and dev) for your app, or simply accept the defaults.

Take a note of the client ID displayed after submitting. You will need it in the next step.

​
Add middleware

Next, install the Apitally client library in your Hono project.

Add the Apitally middleware to your Hono application using the useApitally function and provide the clientId for your app. You’ll find the clientId on the Setup instructions page for your app in the Apitally dashboard, which is displayed immediately after creating the app.

import { Hono } from "hono";
import { useApitally } from "apitally/hono";

const app = new Hono();

useApitally(app, {
  clientId: "your-client-id",
  env: "dev", // or "prod" etc.
});

Add the Apitally middleware before any other middleware to ensure it wraps the entire stack.

Deploy your application with these changes, or restart if you're testing locally.

At this point your application is sending data to Apitally and you are able to monitor requests, errors, response times etc. However, you aren't able to analyze API consumers yet.

​
Identify consumers

In order to analyze API traffic by consumers in Apitally, your application must identify which consumers requests are coming from.

How you identify API consumers depends on your application and use case. If your application uses authentication, it would make sense to use the authenticated identity (e.g. username) as the consumer identifier.

To associate requests with consumers, set the apitallyConsumer key on the Context object in a middleware.

app.use(async (c, next) => {
  const consumerIdentifier = c.get("jwtPayload")?.sub;
  c.set("apitallyConsumer", consumerIdentifier);
  await next();
});

The consumer identifier should be a string (max. 128 characters long) that uniquely identifies the consumer of the API, e.g. customer-123. Once the first request is received from a consumer, it will show up in the Apitally dashboard.

Now the Consumers page in the Apitally dashboard shows you information about all consumers that have made requests to your application. You can also filter insights on the Traffic page by consumer and better understand how each of them use your application.

​
Name and group consumers

By default, Apitally generates a name for new consumers from the consumer identifier. You can always change it in the Apitally dashboard, and you can assign consumers to groups there too.

If you have many consumers, you may prefer to set a name and group programmatically from your application.

app.use(async (c, next) => {
  const payload = c.get("jwtPayload");
  if (payload) {
    c.set("apitallyConsumer", {
      identifier: payload.sub,
      name: payload.name,
      group: payload.group
    });
  }
  await next();
});
FlaskKoa