Приложение React - Включить / Здоровье - Конечная точка работоспособности для балансировщика нагрузки

Question

У меня есть приложение React, и я должен sh развернуть его за балансировщиком нагрузки, где балансировщик нагрузки периодически проверяет приложение на предмет работоспособности. Мое требование - предоставить /health конечную точку, которую можно использовать для проверки работоспособности.

Каков идеальный способ реализации конечной точки работоспособности?

• Это то, что требуется для тех, кто планирует развернуть приложение React в режиме автоматического лечения
• Главная страница этого приложения - /dashboard, что является тяжелой страницей. Следовательно, его нельзя использовать в качестве конечной точки работоспособности.

, т. Е. Я видел реагирующие приложения, имеющие конечные точки типа /hello, которые возвращают простое сообщение, подобное I am healthy.

Answer 1

Я отвечу на свой вопрос. После значительного объема исследований и опроса опытных разработчиков React, следующий подход используется для включения конечной точки работоспособности в приложения React.

Это требование возникло при контейнеризации приложения React для использования в Kubernetes. Окружающая среда.

НЕ пытайтесь использовать существующую страницу в качестве конечной точки проверки работоспособности. Потому что ваши обычные страницы тяжелые, а конечные точки проверки работоспособности должны быть простыми.

Следовательно, создайте новый маршрут с /health (или предпочтительным путем) и верните простой элемент HTML. ниже приведен простой Route компонент.

<Route path="/health">
    <h3>Hey There!!! The App is Healthy</h3>
</Route>

Это используется в файле Routes.js, приведено ниже.

import React from 'react';
import { Switch, Redirect, Route } from 'react-router-dom';

const Routes = () => {
    return (
        <Switch>    
            {/* This endpoint will just return you to a dummy HTML with a simple heading tag */}
            <Route path="/health">
                <h3>Hey There!!! The App is Healthy</h3>
            </Route>

            {/* All other routes will be defined here */}

            {/* Finally you will be redirected to a not found page */}
            <Redirect to="/not-found" />
        </Switch>
    );
};

export default Routes;