Performance monitoring in Sentry

Ahmed_Boghdady · September 20, 2022, 7:59pm

hi @Sujay_Prabhu, strapi v4 it broke, and in the context request there are no headers for sentry-tracing.
Is there any solution?

My code like that code

github.com/getsentry/sentry-javascript

Strapi performance monitoring

opened 05:50AM - 09 Sep 22 UTC

closed 03:54AM - 13 Sep 22 UTC

DawnMD

Team: Web Frontend Status: Unrouted

### Environment SaaS (https://sentry.io/) ### Version _No response_ ### Step…s to Reproduce 1. Self host `strapi@latest` 2. Add official `@strapi/sentry` plugin 3. Add `@sentry/node` and `@sentry/tracing` latest 4. Add a sentry middleware at `src/middlewares/sentry.js` ```js const Sentry = require("@sentry/node"); const { extractTraceparentData, stripUrlQueryAndFragment, } = require("@sentry/tracing"); //https://docs.sentry.io/platforms/node/guides/koa/ Sentry.init({ dsn: process.env.DSN, environment: strapi.config.environment, integrations: [ // enable HTTP calls tracing new Sentry.Integrations.Http({ tracing: true }), ], tracesSampleRate: 1, }); const tracingMiddleWare = async (ctx) => { const reqMethod = (ctx.method || "").toUpperCase(); const reqUrl = ctx.url && stripUrlQueryAndFragment(ctx.url); // connect to trace of upstream app let traceparentData; if (ctx.request.get("sentry-trace")) { traceparentData = extractTraceparentData(ctx.request.get("sentry-trace")); } const transaction = Sentry.startTransaction({ name: `${reqMethod} ${reqUrl}`, op: "http.server", ...traceparentData, }); ctx.__sentry_transaction = transaction; Sentry.getCurrentHub().configureScope((scope) => { scope.setSpan(transaction); }); ctx.res.on("finish", () => { setImmediate(() => { if (ctx._matchedRoute) { const mountPath = ctx.mountPath || ""; transaction.setName(`${reqMethod} ${mountPath}${ctx._matchedRoute}`); } transaction.setHttpStatus(ctx.status); transaction.finish(); }); }); }; module.exports = (config, { strapi }) => { strapi.server.use(async (context, next) => { try { await tracingMiddleWare(context, next); } catch (error) { Sentry.captureException(error); throw error; } }); }; ``` 5. Initialise `@strapi/sentry` at `config/middlewares.js` as `global::sentry` 6. Add sentry plugin to `config/plugins.js` as ```js sentry: { enabled: true, config: { dsn: env("DSN"), sendMetadata: true, }, }, ``` ### Expected Result Sentry should trace the transactions made by the API calls during navigation strapi or doing graphql queries. The exact thing worked for strapi v3 but after upgrading to v4 it broke and in the context request there are no headers for `sentry-tracing` ### Actual Result This was from strapi v3 when it was working fine ![image](https://user-images.githubusercontent.com/34785917/189280345-3771db9c-a638-40b0-ab6c-88f9ce3c6dc2.png)