Как настроить React Web App Client с помощью aws xray

Я пытаюсь использовать свое React Web App с помощью https://docs.aws.amazon.com/xray/latest/devguide/scorekeep-client.html

Я использую Axios Interceptor, но не в состоянии дать какие-либо дополнительные идеи?

1 ответ

Вот код перехвата аксо, который вам понадобится для рентгеновского снимка. Axios не использует базовую библиотеку HTTP от Node, поэтому вам нужно включить этот патчер.

Я недавно написал пример приложения для публикации, вот фрагмент, который я использовал. Надеюсь, это поможет.

const xray = require('aws-xray-sdk-core');
const segmentUtils = xray.SegmentUtils;

let captureAxios = function(axios) {

  //add a request interceptor on POST

  axios.interceptors.request.use(function (config) {
    var parent = xray.getSegment();
    var subsegment = parent.addNewSubsegment(config.baseURL + config.url.substr(1));
    subsegment.namespace = 'remote';

    let root = parent.segment ? parent.segment : parent;
    let header = 'Root=' + root.trace_id + ';Parent=' + subsegment.id + ';Sampled=' + (!root.notTraced ? '1' : '0');
    config.headers.get={ 'x-amzn-trace-id': header };
    config.headers.post={ 'x-amzn-trace-id': header };

    xray.setSegment(subsegment);

    return config;
  }, function (error) {
    var subsegment = xray.getSegment().addNewSubsegment("Intercept request error");
    subsegment.close(error);

    return Promise.reject(error);
  });

  // Add a response interceptor
  axios.interceptors.response.use(function (response) {
    var subsegment = xray.getSegment();
    const res = { statusCode: response.status, headers: response.headers };

    subsegment.addRemoteRequestData(response.request, res, true);
    subsegment.close();
    return response;
  }, function (error) {
    var subsegment = xray.getSegment();
    subsegment.close(error);

    return Promise.reject(error);
  });
};

module.exports = captureAxios;

использование

Just pass in an initialized instance of Axios.

Что касается React, вам придется рассказать мне немного больше о том, каковы ваши настройки, и что вы пытаетесь выполнить. X-Ray заботится только о маршрутах в вашем приложении - обычно перехватчики устанавливаются на маршрутах для сбора данных и создания (и закрытия) корневого сегмента ( см. XK-Ray SDK для Node Express здесь). Для интеграции на основе браузера мы все еще обсуждаем возможные варианты с конца X-Ray.

Другие вопросы по тегам