Как настроить React Web App Client с помощью aws xray - PullRequest
Новая
       19

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

0 голосов
/ 22 января 2019

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

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

1 Ответ

0 голосов
/ 22 января 2019

Вот код Axois-перехватчика, который вам понадобится для рентгена.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 заботится только о маршрутах в вашем приложении - обычно перехватчики настраиваются на маршрутах для сбора данных и создания (и закрытия) корневого сегмента ( см. X-Ray SDK для Node Express здесь ).Для интеграции на основе браузера мы все еще обсуждаем возможные варианты с конца X-Ray.

...