Treblle makes it super easy to understand what’s going on with your APIs and the apps that use them. Just by adding Treblle to your API out of the box you get:
- Real-time API monitoring and logging
- Auto-generated API docs with OAS support
- API analytics
- Quality scoring
- One-click testing
- API managment on the go
- and more...
- nodejs
You can install Treblle for Node via NPM. Simply run the following command:
$ npm install treblleDon't forget to load the required JS modules in your app.js like so:
const express = require("express");
const { useTreblle } = require("treblle");Next, create a FREE account on https://treblle.com to get an API key and Project ID. After you have those simply initialize Treblle in your app.js file like so for Express:
const app = express();
app.use(express.json());
useTreblle(app, {
apiKey: "_YOUR_API_KEY_",
projectId: "_YOUR_PROJECT_ID_",
});That's it. Your API requests and responses are now being sent to your Treblle project. Just by adding that line of code you get features like: auto-documentation, real-time request/response monitoring, error tracking and so much more.
If you're using koa, then you can enable Treblle like this:
const Koa = require("koa");
const KoaRouter = require("koa-router");
const KoaBody = require("koa-body");
const { koaTreblle } = require("treblle");
const app = new Koa();
const router = new KoaRouter();
app.use(
koaTreblle({
apiKey: "_YOUR_API_KEY_",
projectId: "_YOUR_PROJECT_ID_",
})
);Treblle has support for Strapi as well, to start using it you need to define the middleware first and then enable the middleware.
This guide is based on the strapi quickstart project, you can create it and follow by running the following command:
npx create-strapi-app my-project --quickstartFirst define the middleware in middlewares/treblle/index.js like this:
const { strapiTreblle } = require("treblle");
module.exports = (strapi) => {
return {
initialize() {
strapi.app.use(
strapiTreblle({
apiKey: "_YOUR_API_KEY_",
projectId: "_YOUR_PROJECT_ID_",
})
);
},
};
};Then enable the Treblle middleware in config/middleware.js like this:
module.exports = {
settings: {
treblle: {
enabled: true,
},
},
};To use external packages (like Treblle) inside your workers you need a bundler (eg. Webpack or Rollup) to gather all dependencies into a single file which can be then deployed to Cloudflare. Read more about it in Cloudflare webpack & configuration official documentation, and in an official example.
Example - Wrangler's webpack
# wrangler.toml
...
type = "webpack"
webpack_config = "webpack.config.js"
[build.upload]
format = "service-worker"// webpack.config.js
module.exports = {
entry: "./index.js",
target: "webworker",
mode: "production",
output: {
filename: "worker.js",
},
};// worker.js
const { serviceWorkerTreblle } = require("treblle");
// Call this function for initialization, Treblle will attach itself to the 'fetch' event to be able to listen for response
const treblle = serviceWorkerTreblle({
apiKey: "_YOUR_API_KEY_",
projectId: "_YOUR_PROJECT_ID_",
additionalFieldsToMask: ['key1', 'key2'], // Optional
showErrors: true, // Optional, defaults to true
});
// Wrap your 'fetch' handler inside returned Treblle function, so Treblle can listen for unhandled application errors in your code
addEventListener(
"fetch",
treblle((event) => {
event.respondWith(
new Response("Hello worker!", {
headers: { "content-type": "text/plain" },
})
);
})
);Similar as with Service workers above, you need a bundler to package Treblle SDK together with your application code. Be sure to check out official Cloudflare documentation about webpack & modules configuration if you are stuck.
Here is also an official example of a setup with both Modules and CommonJS, using Webpack: link.
Example
// worker.js
import { moduleWorkerTreblle } from "treblle";
// Initialize Treblle with this function, and store Treblle wrapper inside a variable
const treblle = moduleWorkerTreblle({
apiKey: "_YOUR_API_KEY_",
projectId: "_YOUR_PROJECT_ID_",
additionalFieldsToMask: ['key1', 'key2'], // Optional
showErrors: true, // Optional, defaults to true
});
export default {
// Wrap your 'fetch' handlers inside Treblle wrapper function to use it
fetch: treblle(async (request) => {
return new Response(JSON.stringify({ sample: "json" }), {
headers: { "content-type": "application/json" },
});
}),
};Important Note
Treblle package (currently) uses some Node native libraries for other integrations, like os & url, which are not supported in Cloudflare Workers Runtime. They are not used in this integration, so it is enough to polyfil them with empty modules.
// webpack.config.js
...
resolve: {
fallback: {
os: false,
url: false
}
}
...// NestJS's boostrap function
const app = await NestFactory.create(AppModule);
...
const expressInstance = app.getHttpAdapter().getInstance();
useNestTreblle(expressInstance, {
apiKey: "_YOUR_API_KEY_",
projectId: "_YOUR_PROJECT_ID_",
});
...If you want to run Treblle only in production, you can rely on the environment variables, or use a similar approach via config.
const app = express();
app.use(express.json());
if (process.env.NODE_ENV === "production") {
useTreblle(app, {
apiKey: "_YOUR_API_KEY_",
projectId: "_YOUR_PROJECT_ID_",
});
}If you want to expand the list of fields you want to hide, you can pass property names you want to hide by using the additionalFieldsToMask setting like in the example below.
useTreblle(app, {
apiKey: "_YOUR_API_KEY_",
projectId: "_YOUR_PROJECT_ID_",
additionalFieldsToMask: ["secretField", "highlySensitiveField"],
});For easier debugging when sending the data to Treblle errors are visible by default, you can control it via the showErrors flag, you can disable the errors with showErrors set to false:
useTreblle(app, {
apiKey: "_YOUR_API_KEY_",
projectId: "_YOUR_PROJECT_ID_",
showErrors: false,
});If you have problems of any kind feel free to reach out via https://treblle.com or email [email protected] and we'll do our best to help you out.
Copyright 2021, Treblle Limited. Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent